/* notes: ---the width of the content (row) containers is set in lib/css/foundation.css at 73.125rem = 1170px; ---section headings in this css can be generated at http://patorjk.com/software/taag/#p=display&v=0&f=Epic&t=tiles */ /*import fonts*/ @import url(https://fonts.googleapis.com/css?family=Lato:400,300,700,900); /*body copy*/ @import url(https://fonts.googleapis.com/css?family=Source+Sans+Pro:900,700,600); /*body headings currently used*/ @import 'https://fonts.googleapis.com/css?family=Roboto+Slab:400,700'; @import url(https://fonts.googleapis.com/css?family=Anton); /*colors*/ .mariangold-text {color:#ffc107 !important;} .marianblue-text {color:#031e51 !important;} .mariangold-bg {background: #ffc107 !important;} .marianblue-bg {background: #031e51 !important;} /*overrides*/ .button.primary { background-color: #2196f3; color: #fefefe; } .button.primary:hover, .button.primary:focus { background-color: #1565c0; color: #fefefe; } .button.success { background-color: #3adb76; color: #fefefe; } .button.success:hover, .button.success:focus { background-color: #22bb5b; color: #fefefe; } .button.hollow, .button.hollow:hover, .button.hollow:focus {background-color: transparent !important; } .button.mariangold {background-color: #ffc107; color: #031e51;} .button.mariangold:hover, .button.primary:focus {background-color: #ce9a00; color: #031e51;} .button.marianblue {background-color: #031e51; color: #ffc107;} .button.marianblue:hover, .button.primary:focus {background-color: #29457b; color: #ffc107;} .button.pink {background-color: #e91e63; color: #fefefe;} .button.pink:hover, .button.pink:focus {background-color: #ad2654; color: #fefefe;} .accordion-title {font-size:1em;} /*styles for global alert message under main nav*/ .alertmessage { padding: 1em; } .alertmessage p { margin: 0; font-size: 1.2em; line-height: 1.1; font-weight: 800; } /*override dev sitefinity styles*/ .RadDock table tbody { background: transparent !important; } /*#emergency-w { display: none; }*/ /*body { font-size: 16px !important; }*/ body { font-family: 'Lato', sans-serif; color: #031e51; font-weight: 400; } #skipnav { float: left; list-style: none; height: 0; overflow: hidden; width: 0; } h1, h2, h3, h4, h5, h6 { font-family: 'Source Sans Pro', sans-serif; color: #464646; font-weight: 900; line-height: 1.1; margin: 1em 0;} h1 small, h2 small, h3 small, h4 small, h5 small, h6 small {color:#707070;font-weight: normal;} h1 {margin: 0 0 1em 0; font-weight: 900;color:#031e51;} .row { /*max-width: 62.5rem; THIS IS SET IN THE FOUNDATION.CSS MASTER FILE AT 73.125REM = 1170PX*/ } .goldtext { color: #ffc107 !important; } .bluetext { color: #031e51 !important; } .thumbnail { margin-bottom: .420rem; } a:link, a:visited { color: #031e51; /*-webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; */ } ::selection {background: #ffc107;color: #031e51;text-shadow: none;} /* link styles for the meat and potatoes only section*/ .meatandpotatoescontainer a:not(.button), .fullwidthmeatandpotatoescontainer a:not(.button) {color: #9e1b32; /*background: #DBDBDB;*/ } .meatandpotatoescontainer a:hover:not(.button), .fullwidthmeatandpotatoescontainer a:hover:not(.button) {text-decoration: underline;} .meatandpotatoescontainer ul.eventList a:hover {text-decoration: none;} .meatandpotatoescontainer ul.eventList .day {color:#031e51 !important;} .dropdown.menu .is-dropdown-submenu-parent.is-down-arrow a { padding-right: 1em; } /*search results at http://www.marian.edu/search-results*/ .sfsearchResultsWrp {} .sfsearchResultsWrp .sfsearchResultTitle { margin-top: 3em; } .sfsearchResultsWrp .sfsearchResultTitle a:link, .sfsearchResultsWrp .sfsearchResultTitle a:visited { color: #1976d2; font-size: 1.1em; text-decoration: underline; } /*mobile off canvas menu*/ .off-canvas { color: white; background: transparent; } .off-canvas a:link, .off-canvas a:visited { color: white; } li.offcanvas-2ndnav a:link, li.offcanvas-2ndnav a:visited { background: #1976d2; color: white; } li.offcanvas-2ndnav a:hover { background: #f2f2f2; color: #41567c; } li.offcanvas-2ndnav.standout a:link, li.offcanvas-2ndnav.standout a:visited { background: #ff0084; } li.offcanvas-2ndnav.standout a:hover, li.offcanvas-2ndnav.standout a:active { background: #cc006a; } .is-accordion-submenu-parent > a::after { border-color: #ffffff transparent transparent; } .menu.vertical.nested { background: #303030; } .menu.vertical label { color: white; padding: .420em; text-transform: uppercase; font-weight: bold; background: #303030; text-align: center; } /* .menu > li:not(.menu-text) > a { border-bottom: 1px solid #393939; }*/ .menu > li:not(.menu-text) > a:hover { background: #334c7b; color: white; } .off-canvas-wrapper { background: #121212; } /*gateway sections*/ .gatewaysection { display: none; padding: 1em 0 2em 0; border-bottom: 1px solid #FDB813; } .gatewaysection .title { text-transform: uppercase; font-size: 14px; font-weight: 600; color: #555555; } .gatewaysection .gatewaylinks { list-style-type: none; padding: 0; margin-left: 0; } .gatewaysection .gatewaylinks a:hover { text-decoration: underline; } .gatewaysection .gatewaylinks a.gatewaylinkhighlight:link, .gatewaysection .gatewaylinks a.gatewaylinkhighlight:visited { color: #ff0084; } /*search container*/ .searchsection { background: transparent url('/images/default-source/_branding/bg-diagonal-gray-light.png') 0 0 repeat; /*-moz-box-shadow: inset 0 -7px 27px -17px #696868; -webkit-box-shadow: inset 0 -7px 27px -17px #696868; box-shadow: inset 0 -7px 27px -17px #696868;*/ margin-bottom: .420em; overflow: hidden; margin-bottom: 0; border-bottom: 1px solid #FDB813; } .searchcontainer { padding: 1em 0 0 0; } .searchcontainer input.sfsearchTxt { width: 90% !important; float: left; } .searchcontainer input.sfsearchSubmit { float: right; width: 10%; line-height: 34px; border: 0; color: white; background: #ff7043; } .searchsection .sfsearchTxt { border-radius: 0 !important; } .searchsection .sfsearchSubmit { background: #FDB813 !important; border-radius: 0 !important; } /*secondary nav*/ .secondarynavcontainer { background: #fcfcfc; border-bottom: 1px solid #cecece; position: relative; } .secondarynavcontainer a:link, .secondarynavcontainer a:visited { text-transform: uppercase; font-size: .9em; color: #555; font-weight: 600; padding: 1em; margin: 0; position: relative; display: inline-block;} .secondarynavcontainer a:hover { background: #eee !important; text-decoration: none; } .secondarynavcontainer .searchtoggle { cursor: pointer; color: #ff7043; font-size: 1.3em; } .secondarynavcontainer a.gatewaytrigger.styleit:link, .secondarynavcontainer a.gatewaytrigger.styleit:visited { color: #FDB813; border-top: 5px solid #FDB813; } .secondarynavcontainer .joyridebubble { text-transform: initial; text-align: center; box-shadow: 0px 0px 30px rgba(105, 105, 105, 0.8); position: absolute; padding: 10px 20px; background: #FFFFFF; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; font-weight: 400; color: #ff0084; z-index: 200; width: 300px; left: -50%; top: 50px; -moz-animation-delay: 2s; -webkit-animation-delay: 2s; animation-delay: 2s; } .secondarynavcontainer .joyridebubble:after { content: ''; position: absolute; border-style: solid; border-width: 0 12px 12px; border-color: #FFFFFF transparent; display: block; width: 0; z-index: 1; top: -12px; left: 150px; } /*branding*/ .brandingcontainer { background: #f7f7f7; padding: 3em 0 1.420em 0; -webkit-box-shadow: 0 4px 5px 0 rgba(0,0,0,.5); box-shadow: 0 4px 5px 0 rgba(0,0,0,.5); position: relative; z-index: 15; } .cta { margin-top: 0; } .ctaitem { margin-bottom: 1em; } /*give now apply now button styles*/ /*a.givenowbutton, a.applynowbutton { padding: .7em 2em; text-transform: uppercase; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } a.givenowbutton:link, a.givenowbutton:visited { background: #ffc107; color: white; } a.givenowbutton:hover { background: #ff8f00; } a.applynowbutton:link, a.applynowbutton:visited { background: #1976d2; color: white; } a.applynowbutton:hover { background: #0d47a1; }*/ .applygivecontainer .button-group { position: relative; display: inline-block; margin: 0; } .applygivecontainer .button-group:before { content: attr(data-grouptype); z-index: 99999; color: #999; display: block; font-size: 1rem; padding: 7px; border-radius: 50%; background: #fff; position: absolute; left: 46%; top: 0.3rem } .applygivecontainer .button-group .button { font-family: 'Lato'; text-transform: uppercase !important; padding: 13px 21px; font-size: 1.2rem; border-radius: 0; } .applygivecontainer .button-group .button:last-of-type {margin-left: 10px !important} /* _______ _______ _________ _ _ _______ ( )( ___ )\__ __/( ( /| ( ( /|( ___ )|\ /| | () () || ( ) | ) ( | \ ( | | \ ( || ( ) || ) ( | | || || || (___) | | | | \ | | | \ | || (___) || | | | | |(_)| || ___ | | | | (\ \) | | (\ \) || ___ |( ( ) ) | | | || ( ) | | | | | \ | | | \ || ( ) | \ \_/ / | ) ( || ) ( |___) (___| ) \ | | ) \ || ) ( | \ / |/ \||/ \|\_______/|/ )_) |/ )_)|/ \| \_/ */ /*small and medium screen nav*/ .nav-up-to-medium { background: #031e51; } .nav-up-to-medium button { margin: 0; background: transparent; } .button:hover, .button:focus { background-color: #085486; } .nav-up-to-medium .fa-bars { font-size: 2em; } /*main nav*/ .mainnavcontainer { background: #031e51; } ul.navlevel1 { list-style-type: none; } ul.navlevel1 li { float: left; } ul.navlevel1 a:link, ul.navlevel1 a:visited { display: inherit; padding: 1.420em 1em; color: white; text-transform: uppercase; } ul.navlevel1 ul { list-style-type: none; } ul.navlevel1 ul a:link, ul.navlevel1 ul a:visited { color: #031e51; font-size: .9em; text-transform: inherit; padding: .620em; line-height: 1em; } ul.navlevel1 ul a:hover, ul.navlevel1 ul a:hover { background: #ededed; } /*.dropdown.menu .is-dropdown-submenu-parent.is-down-arrow > a::after { display: none; }*/ .dropdown.menu > li.is-dropdown-submenu-parent > a::after {display:none;} .dropdown.menu .submenu { min-width: 275px; } .mainnavcontainer ul.is-dropdown-submenu { margin-left: 0; -webkit-box-shadow: 0 4px 5px 0 rgba(0,0,0,.5); box-shadow: 0 4px 5px 0 rgba(0,0,0,.5); } .mainnavcontainer .droptitle h3 { text-transform: uppercase; font-size: 14px; font-weight: 700; color: #ffab00; margin: 10px 10px 0 10px; } .mainnavcontainer ul.navlevel1 > li > a:link, .mainnavcontainer ul.navlevel1 > li > a:visited { padding: 1.2em .8em;} .breadcrumbcity { margin-bottom: 1em; } .breadcrumbcity a.rsmLink:hover { background: transparent !important; text-decoration: underline; } /*the meat and potatoes*/ .pagecontentcontainer { padding: 2em 0; background:#f5f5f5; color: #212121; } /* _______ _________ ______ _______ ______ _______ _______ ( ____ \\__ __/( __ \ ( ____ \( ___ \ ( ___ )( ____ ) | ( \/ ) ( | ( \ )| ( \/| ( ) )| ( ) || ( )| | (_____ | | | | ) || (__ | (__/ / | (___) || (____)| (_____ ) | | | | | || __) | __ ( | ___ || __) ) | | | | | ) || ( | ( \ \ | ( ) || (\ ( /\____) |___) (___| (__/ )| (____/\| )___) )| ) ( || ) \ \__ \_______)\_______/(______/ (_______/|/ \___/ |/ \||/ \__/ */ /*sidebar container*/ .sidebarcontainer {border-left: 1px solid #e0e0e0;} .sidebarcontainer ul.rtsUL { list-style-type: none; margin-left:0; margin-bottom: 2em; } .sidebarcontainer ul.rtsUL li {} .sidebarcontainer ul.rtsUL li a:link, .sidebarcontainer ul.rtsUL li a:visited { text-align:left !important; border-left: 3px solid transparent; line-height:1.2; padding: 9px 17px; display: block; color:#1976d2; -webkit-transition: all 0.1420s ease-in-out; -moz-transition: all 0.1420s ease-in-out; -ms-transition: all 0.1420s ease-in-out; -o-transition: all 0.1420s ease-in-out; transition: all 0.1420s ease-in-out;} .sidebarcontainer ul.rtsUL li a:hover, .sidebarcontainer ul.rtsUL li a.rtsSelected { background: white; color: #031e51; border-left: 3px solid #f57c00; } .sidebarcontainer ul.rtsUL li a.rtsRoot { font-size:1.1em; font-weight:bold; text-transform: uppercase; margin-left: 0; color:#031e51; padding-left:0; } .sidebarcontainer ul.rtsUL li a.rtsRoot:hover { background: transparent; border-left: 3px solid transparent; } /*related links in sidebarcontainer*/ .relatedlinks { margin: 2em 0; } .relatedlinks h4 { display: block; color: #6d6d6d; font-size: 16px; font-weight: 700; line-height: 2em; text-transform: uppercase; } .relatedlinks ul { padding-left: 0; color: #9e1b32; font-size: 16px; line-height: 1; } .relatedlinks li {margin: 0 0 .5em;} .relatedlinks li a:link, .relatedlinks li a:visited {color: #9e1b32;} .relatedlinks li a:hover {text-decoration: underline;} /* Announcement tile in sidebar */ .announcement{margin:2em 0;} .announcement.tile{border-left:2px solid #b30738;position:relative;padding:3em 1.5em 0;overflow: auto;} .announcement.tile h4{position:absolute;top:0;left:0;font-size:15px;font-weight:600;line-height:1.5;color:#fff;background-color:#b30738;margin:0;padding:6px 11px;} .announcement.tile a:link, .announcement.tile a:visited {color: #1976d2;} .announcement.tile a:hover {text-decoration: underline;} .announcement.tile p{margin-bottom:1em;line-height:1.25;color:#242424;} .announcement.tile a.button:link,.announcement.tile a.button:visited{background:transparent;color:#b30738;border-color:#b30738;} .announcement.tile a.button:link:hover,.announcement.tile a.button:visited:hover{background:#b30738;color:#FFF;} /* _______ _______ _______ _______ _______ _______ _______ |\ /|( ___ )( )( ____ \( ____ )( ___ )( ____ \( ____ \ | ) ( || ( ) || () () || ( \/| ( )|| ( ) || ( \/| ( \/ | (___) || | | || || || || (__ | (____)|| (___) || | | (__ | ___ || | | || |(_)| || __) | _____)| ___ || | ____ | __) | ( ) || | | || | | || ( | ( | ( ) || | \_ )| ( | ) ( || (___) || ) ( || (____/\| ) | ) ( || (___) || (____/\ |/ \|(_______)|/ \|(_______/|/ |/ \|(_______)(_______/ */ /*special callout section*/ .specialcalloutcontainer { display: none; background: #cccccc url('/images/default-source/_branding/textured_paper.png') 0 0 repeat; color: #222222; font-size: 18px; padding: 10px 0; text-align: center; } .specialcalloutcontainer p:last-of-type { margin-bottom: 0; } .specialcalloutcontainer a:link, .specialcalloutcontainer a:visited { color: #FF0084; text-decoration: none; } /*call to actions*/ .ctacontainer { background: #c8d5e8; padding: 1em 0 0 0; } .ctaitem h5 { font-size: 1em; font-weight: bold; color: #031e51; margin-bottom: 0; } .ctaitem p { font-size: .9em; } /*hero section*/ .herocontainer { border-bottom: 1em solid #ffc107; background: #6193ce; } /*grow here section*/ .growherecontainer { background-image: url('/images/default-source/homepagespecific/bgtexturelinen.png'); background-repeat: repeat; } .growherecontainer .sectionheading { text-align: center; padding: 1.420em 0; } /*.growcta { background: white; padding: 1em 0 0 0; }*/ /*connect here section*/ .connectherecontainer { background: #ffc107; } .connectherecontainer .sectionheading { text-align: center; padding: 1.420em 0; } .connectherecontent { padding: 1.420em 0 3.420em 0; } .connectherecontent .feeds h4 { border-bottom: 1px dotted #ffc107; margin-bottom: 1em; font-size: 1.420em !important; } .connectherecontent .feeds h4 span { color: #ffc107; } .connectherecontent .feeds h5 { font-size: .9em; margin-bottom: 0; font-weight: bold; } .connectherecontent .feeds p { font-size: .9em; } /**/ ul.eventList { list-style-type: none; margin: 0; padding: 0; } ul.eventList li { margin-bottom: .420em; padding: .420em; } ul.eventList li a:link, ul.eventList li a:link { display: block; } ul.eventList li:hover { background: rgba(255,193,7,.08); } .eventDateContainer { margin: 0 auto 1rem; display: table-cell; width: 4.6875em; height: 4.6875em; padding-right: 1rem; } .eventDateContainer .month { margin: 0; background: #303f9f; color: white; padding: .1em 0; text-align: center; font-size: .8em !important; } .eventDateContainer .day { margin: 0; background: #f2f2f2; padding: 0; text-align: center; font-size: 2rem !important; width: 75px; } .eventDetails { display: table-cell; vertical-align: top; line-height: 1.420em; font-size: .9em; } .eventDetails .eventTime {color:#464646;} .eventDetails .eventTime .lw_events_timezone {display: none;} /*leadership section*/ .leadershipcontainer { background: #f2f2f2; padding-bottom: 3.420em; } .leadershipcontainer .sectionheading { text-align: center; padding: 1.420em 0; } .leaderbio { padding: 2em; } .leadershipcontainer .arrow_box { position: relative; background: white;border: 3px solid #ffc107;} .leadershipcontainer .arrow_box:after, .leadershipcontainer .arrow_box:before { top: 100%; left: 50%; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; } .leadershipcontainer .arrow_box:after { border-color: rgba(242, 242, 242, 0); border-top-color: white; border-width: 20px; margin-left: -20px;} .leadershipcontainer .arrow_box:before { border-color: rgba(253, 184, 19, 0); border-top-color: #ffc107; border-width: 24px; margin-left: -24px; } .leadershipcontainer .leaderbio .name { font-size: 1.220em; } .leadershipcontainer .leaderbio .title { color: #666666; margin-bottom: 1em; } .leadershipcontainer .leaderbio .quote {} /*interior page hero section ONLY IF IT EXISTS, DUDE*/ /* .heroexists {background-repeat: no-repeat; background-position: center center !important; background-size: cover !important; padding: 1em 0; min-height: 420px; } .heroexists.short {min-height: auto; height: 210px;} .heroexists.short h2 {font-size: 2.420em;color: white;} */ .heroexists{background-repeat:no-repeat;background-position:center top !important;background-size:cover !important;height:420px;padding:1em 0;} .heroexists h2{font-size:3em;color:#FFF;margin-bottom:.420em;margin-top:.420em;} .heroexists h2.black {color: black;} .heroexists .subhead{font-size:2em;color:#FFF;line-height:1.1;margin-bottom:1em;} .heroexists .subhead.black {color: black;} .heroexists .bgcolored{background:rgba(0,0,0,0.6);} .heroexists.short{min-height:auto;height:210px;} /*interior page where am i section*/ .whereamitoplevelcontainer { padding: .420em 0; position: relative; } .whereamitoplevelcontainer .bgimagecover { background-repeat: no-repeat; background-position: center top; background-size: cover; position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .whereamitoplevelcontainer .herocontent { position: relative; } .whereamitoplevelcontainer h3 { margin:0; } .whereamitoplevelcontainer .herotitle a:link, .whereamitoplevelcontainer .herotitle a:visited { color: white; font-size: .85em; line-height: 1; text-shadow: 0 0 10px #000000; font-family: 'Lato', helvetica, sans-serif; font-weight: 500; } /* _______ _______ _______ _________ _______ _______ ( ____ \( ___ )( ___ )\__ __/( ____ \( ____ ) | ( \/| ( ) || ( ) | ) ( | ( \/| ( )| | (__ | | | || | | | | | | (__ | (____)| | __) | | | || | | | | | | __) | __) | ( | | | || | | | | | | ( | (\ ( | ) | (___) || (___) | | | | (____/\| ) \ \__ |/ (_______)(_______) )_( (_______/|/ \__/ */ /*footer cta section*/ .footerctasection{background:transparent url(/images/default-source/_branding/knightfusionsingersbg.jpg) top center no-repeat;background-size:cover;text-align:center;padding:2em 0;} .footerctasection .footerctatitle{color:#FFF;margin-bottom:1em;font-size:2em;} .footerctasection a.footerctabuttons:link, .footerctasection a.footerctabuttons:visited{color:#FFF;border:1px solid #FFF;font-size:1.3em;margin-left:1em;border-radius:5px;text-transform:uppercase;} .footerctasection a.footerctabuttons:hover{background:rgba(255,255,255,0.1);color:#FFF;border-color:rgba(255,255,255,0.1);} /*footer*/ footer { background: #031e51 url('/images/default-source/homepagespecific/footer-bg.jpg'); background-size: cover; padding: 2em 0; color: white; } footer.skirtcontainer a { -webkit-transition: all 0.1420s ease-in-out; -moz-transition: all 0.1420s ease-in-out; -ms-transition: all 0.1420s ease-in-out; -o-transition: all 0.1420s ease-in-out; transition: all 0.1420s ease-in-out; } footer.skirtcontainer a:link, footer.skirtcontainer a:visited {color: #f1f1f1;} footer.skirtcontainer a:hover {color: #ffc107;} footer.skirtcontainer .skirtitem h4 { font-size: 1.3rem; font-weight: 600; color: #ffc107; border-bottom: 1px dotted #ffc107; } footer.skirtcontainer .skirtitem h4 span {color: white;} footer.skirtcontainer .skirtitem ul { margin: 0; padding: 0; list-style-type: none; } footer.skirtcontainer .skirtitem ul li {margin-bottom: .420em;} /*disclaimer*/ .disclaimer { padding: 2em 0; } .disclaimer p { color: #666666; font-size: 12px; } /*newsroom items*/ /*
  • Speech Team Thumnail
    Speech Team Places Second in State Tournament
    • */ .sfnewsListInterior { list-style: none; padding: 0; margin: 0; float: left; } li.sfnewsListItem { margin: 0; margin-bottom: .420em; float: left; padding: .420em; } li.sfnewsListItem:hover { background: rgba(255,193,7,.08); } a.newsListLink:link, a.newsListLink:visited { display: block; float: left; } li.sfnewsListItem a { font-size: .9em; line-height: 1.420em; text-decoration: none; } li.sfnewsListItem .sfThumbnailImage { float: left; width: auto; position: relative; } li.sfnewsListItem .sfThumbnailImage img { margin: 0 1rem 0 0; padding: 4px; border: 1px solid rgba(10,10,10,0.2); background: white; } /*newsroom specific pages*/ li.sfnewsListItem a.linkster:link, li.sfnewsListItem a.linkster:visited { line-height: 1.1; color: #031e51; } /*globals*/ .button.goldbutton { background: #ffc107; color: #031e51; border: 3px solid white; } .button.graybutton { background: #f2f2f2; color: #031e51; border: 3px solid #ffc107; } /*button arrows*/ .button.arrow_box { position: relative; background: #f2f2f2; border: 3px solid #ffc107; } .button.arrow_box:after, .arrow_box:before { left: 100%; top: 50%; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; } .button.arrow_box:after { border-color: rgba(242, 242, 242, 0); border-left-color: #f2f2f2; border-width: 6px; margin-top: -6px; } .button.arrow_box:before { border-color: rgba(253, 184, 19, 0); border-left-color: #ffc107; border-width: 10px; margin-top: -10px; } /*background stripes*/ .stripedyellowbg { color: #031e51; background: repeating-linear-gradient( -55deg, #ffc927, #ffc927 30px, #ffc107 30px, #ffc107 60px); } /*round social icons*/ .social-icons{text-align:center;margin-left:0;} .social-icons li{display:inline-block;margin-bottom:5px;margin-right:5px;} .social-icons .fa{font-size:1.8em;width:55px;height:55px;line-height:51px;text-align:center;color:rgba(255,255,255,1);-webkit-transition:all .142s ease-in-out;-moz-transition:all .142s ease-in-out;-ms-transition:all .142s ease-in-out;-o-transition:all .142s ease-in-out;transition:all .142s ease-in-out;} .social-icons.icon-circle .fa{border-radius:50%;border:3px solid white;} .social-icons .fa:hover,.social-icons .fa:active{color:#000;background:white;} .social-icons .fa-facebook{background-color:#3C599F;border-color:#3C599F!important;} .social-icons .fa-facebook:hover{color:#3C599F;border-color:#3C599F;} .social-icons .fa-flickr{background-color:#FF0084;border-color:#FF0084!important;} .social-icons .fa-flickr:hover{color:#FF0084;border-color:#FF0084;} .social-icons .fa-google-plus{background-color:#CF3D2E;border-color:#CF3D2E!important;} .social-icons .fa-google-plus:hover{color:#CF3D2E;border-color:#CF3D2E;} .social-icons .fa-instagram{background-color:#A1755C;border-color:#A1755C!important;} .social-icons .fa-instagram:hover{color:#A1755C;border-color:#A1755C;} .social-icons .fa-linkedin{background-color:#0085AE;border-color:#0085AE!important;} .social-icons .fa-linkedin:hover{color:#0085AE;border-color:#0085AE;} .social-icons .fa-twitter{background-color:#32CCFE;border-color:#32CCFE!important;} .social-icons .fa-twitter:hover{color:#32CCFE;border-color:#32CCFE;} .social-icons .fa-vimeo{background-color:#52b8ea;border-color:#52b8ea!important;} .social-icons .fa-vimeo:hover{color:#52b8ea;border-color:#52b8ea;} .social-icons .fa-youtube{background-color:#C52F30;border-color:#C52F30!important;} .social-icons .fa-youtube:hover{color:#C52F30;border-color:#C52F30;} /* __________________ _ _______ _______ \__ __/\__ __/( \ ( ____ \( ____ \ ) ( ) ( | ( | ( \/| ( \/ | | | | | | | (__ | (_____ | | | | | | | __) (_____ ) | | | | | | | ( ) | | | ___) (___| (____/\| (____/\/\____) | )_( \_______/(_______/(_______/\_______) */ /*quote tile*/ .quote.tile{-webkit-box-shadow:0 0 6px rgba(0,0,0,0.5);-moz-box-shadow:0 0 6px rgba(0,0,0,0.5);box-shadow:0 0 6px rgba(0,0,0,0.5);background:#fff;border-left:1em solid #303f9f;border-radius:4px;float:left;margin:1.5em auto;padding:.75em 1.5em .75em 1em;} .quote.tile .fa-quote-left{position:absolute;color:#212121;font-size:7em;opacity:.15;} .quote.tile p{font-size:1.42em;line-height:1.3;color:#212121;} .quote.tile img{float:right;border-radius:50%;position:relative;bottom:0;border:9px solid #ffc107;width:140px;height:140px;} .quote.tile cite{font-size:1.2em;color:#1a237e;} .quote.tile cite span{color:#ffca28;} /* .quoteContainer { margin: 1em 0; } .quoteContainer .quoteBox{background:#FFF;border-radius:4px;-webkit-box-shadow:0 0 3px 1px #000;box-shadow:0 0 3px 1px #000;position:relative;border-top:11px solid #303f9f;padding:2.42em;} .quoteContainer .quoteBox .quoteText{color:#757575;font-size:2em;line-height:1.1em;} .quoteContainer .quoteBox .fa{position:absolute;top:.1em;left:.1em;opacity:.2;font-size:7em;color:#212121;} .quoteContainer .mugshotBox{margin-top:-65px!important;} .quoteContainer .mugshotBox .mugshotText{text-align:right;font-size:1.42em;padding-top:60px;color:#1a237e;} .quoteContainer .mugshotText span{color:#ffca28;line-height:1.42em;} .quoteContainer .mugshotBox .mugshot img{border-radius:50%;position:relative;bottom:0;border:9px solid #FFF;-webkit-box-shadow:0 0 3px 1px #000;box-shadow:0 0 3px 1px #000;width:140px;height:140px;} */ /*stats - boxed*/ .calloutContainer { padding: 0 1.420em .5em; margin: 1em 0; } .calloutContainer h4 { text-align: center; font-size: 5.4em; font-family: 'Anton'; margin: 0 0 1rem 0; } .calloutContainer p { font-size: 1.420em; line-height: 1.2; } .calloutContainer.primary h4 { color: white; } .calloutContainer.primary { background: #031e51; color: white; } .calloutContainer.secondary h4 { color: #031e51; } .calloutContainer.secondary { background: #ffc107; color: #031e51; } /*feature tile - deprecated*/ /* .feature-tile { color: white; padding: 1rem; background: #303f9f; margin-bottom: 1rem; border-left: 11px solid #ffc107; border-radius: 5px;} .feature-tile h2, .feature-tile h3, .feature-tile h4 { color: white; margin: 0 0 .5em 0; } .feature-tile p:last-child { margin-bottom: 0; } .feature-tile a:link, .feature-tile a:visited {color:#ffc107;} */ /*blue tile*/ .blue-tile { color: white; padding: 1rem; background: #303f9f; margin-bottom: 1rem; border-left: 11px solid #ffc107; border-radius: 5px;} .blue-tile h2, .blue-tile h3, .blue-tile h4 { color: white; margin: 0 0 .5em 0; } .blue-tile p:last-child { margin-bottom: 0; } .blue-tile a:link, .blue-tile a:visited {color:#ffc107;} /*highlight tile*/ .highlight-tile { color: #303f9f; padding: 1rem; background: #ffffff; margin-bottom: 1rem; border-left: 11px solid #ffc107; border-radius: 5px; margin:0 auto 2em;} .highlight-tile h2, .highlight-tile h3, .highlight-tile h4 { color: #303f9f; margin: 0 0 .5em 0; } .highlight-tile p:last-child { margin-bottom: 0; } /*basic tile - deprecated*/ /* .basic-tile { color: #303f9f; padding: 1rem; background: #ffffff; margin-bottom: 1rem; border-left: 11px solid #ffc107; border-radius: 5px;} .basic-tile h2, .basic-tile h3, .basic-tile h4 { color: #303f9f; margin: 0 0 .5em 0; } .basic-tile p:last-child { margin-bottom: 0; } */ /*profile spotlight tile*/ .profile-spotlight{-webkit-box-shadow:0 0 6px rgba(0,0,0,0.5);-moz-box-shadow:0 0 6px rgba(0,0,0,0.5);box-shadow:0 0 6px rgba(0,0,0,0.5);min-height:150px;position:relative;background:#FFF;margin:1rem auto;border-radius:4px;float:left;padding:1rem;width:100%;} .profile-spotlight img{height:auto;width:140px;float:left;margin-right:1rem;border:9px solid #ffca28;border-radius:50%;} .profile-spotlight h2,.profile-spotlight h3,.profile-spotlight h4{font-size:1.4rem;font-weight:400;line-height:1.2;color:#303f9f;text-transform:capitalize;margin:0 0 .5em;} .profile-spotlight p{font-size:1.1em;line-height:1.1;} /*stats block with the dog ear*/ .stat{background:none;text-align:center;border:none;overflow:hidden;position:relative;-webkit-clip-path:polygon(100% 0,100% 84%,88% 100%,0 100%,0 0);clip-path:polygon(100% 0,100% 84%,88% 100%,0 100%,0 0);padding:1.25rem;margin-bottom: 1rem;} .stat::before{content:'';position:absolute;top:auto;left:auto;bottom:-10px;right:-10px;background:#464646;width:1000px;height:1000px;} .stat >::first-child{margin-top:0;} .stat >::last-child{margin-bottom:0;} .stat p{font-weight:400;color:#FFF;font-size:1.1rem;text-transform:uppercase;position:relative;} .stat .number{font-family:'source sans pro';font-weight:400;font-size:3.42rem;color:#FFF;margin-bottom:0;} .stat a{color:#FFF;text-decoration:underline;} .stat a.button{background:transparent;color:#fff;width:auto;position:relative;border-color:#fff;} .stat a.button:hover,.stat a.button:focus{background:#222;color:#fff;} /*facstaff layout*/ .facStaffContainer {} .facStaffContainer ul{float:left;width:100%;list-style-type:none;margin:0;} .facStaffContainer ul li{float:left;background:none;width:50%;border-radius:4px;border:1px solid transparent;margin:0 0 2em;padding:6px;} .facStaffContainer ul li:hover{border:1px solid #ccc;} .facStaffContainer ul li:nth-child(odd){clear:both;} .facStaffContainer .photoContainer{float:left;border:1px solid #ccc;background:#fefefe;width:100px;height:100px;overflow:hidden;border-radius:50%;} .facStaffContainer img{width:100%;} .facStaffContainer .text{float:left;margin-left:15px;line-height:1.3em;width:65%;} .facStaffContainer .text strong{color:#464646;font-size:1.2em;} .facStaffContainer .contactInfo{margin:.75em 0;} .summary p .details p{line-height:1.3em!important;} .readMore,.ib{display:inline-block;} @media screen and (max-width: 767px) { .facStaffContainer ul{margin:0;} .facStaffContainer ul li{width:100%;padding:2%;} .facStaffContainer .photoContainer{width:70px;height:70px;} .facStaffContainer .text{width:66%;} } /*a-z list*/ ul.a2zlist { margin: 1em 0; list-style-type: none; float: left; } ul.a2zlist li { background: none; float: left; margin: 0; padding: 0; text-transform: uppercase; } ul.a2zlist a:link, ul.a2zlist a:visited { border: 1px solid #d2d2d2; display: block; line-height: 14px; margin: 0 4px 4px 0; padding: 11px; text-align: center; width: 2.420em; height: auto; color: #555555; } ul.a2zlist a:hover {background: #d2d2d2;} /*sitefinity created accordion*/ .sflistExpandAllLnkWrp {margin-bottom: 1em;} .sflistList {} .sflistList .sflistListItem {margin: .5em 0;} .sflistList .sflistItemTitle {margin: 0; font-family: 'lato';} .sflistList a.sflistItemToggleLnk {display: block; background: transparent !important; font-size: 1rem; margin: 0; padding: .5em;} .sflistList .sflistItemTitle a.sflistListItemExpanded {background: white !important; border-top: 5px solid;} .sflistList a.sflistItemToggleLnk:hover {text-decoration: none; background: white !important;} .sflistList .sflistItemContent {background: white; padding: 1em;} /*picture collage styles*/ .collage1up2up { max-width: 800px; } .collage1up2up > .row { margin-bottom: 1em; } /*highlighted buttons*/ .ctahighlight {padding: 1.420em; margin-bottom: 1em;} .ctahighlight .button {margin: 0; } /*newsroom styles*/ .sfnewsTitle {margin-bottom: 5px;} .sf_pagerNumeric {} .sf_pagerNumeric a:link, .sf_pagerNumeric a:visited {padding: 4px; width: 35px; height: 35px; text-align: center;display: inline-block;border-radius: 50%;border: 1px solid #cccccc;margin-right: 3px;} .sf_pagerNumeric .sf_PagerCurrent {background: white;} .sf_pagerNumeric a:hover {background: white;} /*hide comment elements on the single item page*/ .sfnewsAuthorAndDate {color:#333; margin-bottom: 2em;} /*events widget from livewhale*/ .owl-events {} .owl-events .newevent { padding: 7px; background: white; margin-right: 11px; } .owl-events .eventimage { display: table-cell; padding-right: 7px; min-width: 100px; } .owl-events .eventdetails { display: table-cell; vertical-align: top; line-height: 1.2; margin-bottom: 7px; } .owl-events .eventdetails .eventdate, .owl-events .eventdetails .eventtime {} /*deprecate these as soon as possible*/ /* BEGIN - PATH NAVIGATION STYLES */ div.path-nav-group { margin-bottom:20px; } .path-nav-group a, .path-nav-group a:link,.path-nav-group a:active, .path-nav-group a:visited { display: block; padding-left: 15px; height: 60px; background: url(/Sitefinity/WebsiteTemplates/Marian/App_Themes/Homepage/Images/arrow-blue2.png) right no-repeat #c0d5e7; color: #055bac; font-size: 1.3em; text-decoration: none; line-height: 60px; margin-bottom: 10px; border-left: solid 10px #055bac; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } .path-nav-group a.long-text{ font-size:22px; } .path-nav-group a:hover { background:url(/Sitefinity/WebsiteTemplates/Marian/App_Themes/Homepage/Images/arrow-blue.png) right no-repeat #ccc; color:#031e51; border-left:solid 10px #031e51; text-decoration: none !important; } /* END - PATH NAVIGATION STYLES */ /* _______ _______ _______ _______ _______ _ _______ _________ _______ ( ____ )( ____ \( ____ \( ____ )( ___ )( ( /|( ____ \\__ __/|\ /|( ____ \ | ( )|| ( \/| ( \/| ( )|| ( ) || \ ( || ( \/ ) ( | ) ( || ( \/ | (____)|| (__ | (_____ | (____)|| | | || \ | || (_____ | | | | | || (__ | __)| __) (_____ )| _____)| | | || (\ \) |(_____ ) | | ( ( ) )| __) | (\ ( | ( ) || ( | | | || | \ | ) | | | \ \_/ / | ( | ) \ \__| (____/\/\____) || ) | (___) || ) \ |/\____) |___) (___ \ / | (____/\ |/ \__/(_______/\_______)|/ (_______)|/ )_)\_______)\_______/ \_/ (_______/ */ @media screen and (min-width: 40em) { /* 40em=640px */ h1 {font-size: 2rem;} h2 {font-size: 1.6rem;} h3 {font-size: 1.2rem;} h4 {font-size: 1rem;} h5 {font-size: 1rem;} h6 {font-size: 1rem;} } @media screen and (max-width: 40em) { .short-on-small {min-height:auto; height:210px;} .heroexists h2 {font-size:2em !important; line-height:1.1;} .heroexists .subhead {font-size:1.5em !important; line-height: 1.1;} } @media screen and (max-width: 700px) { .brandingcontainer .logo { width: 100%; text-align: center; } .brandingcontainer .cta { width: 100%; text-align: center; margin-top: 1rem; } .applygivecontainer .button-group .button { padding: 13px 17px; } } /* .heroexists h2 {margin-top:3em;} @media screen and (max-width: 40em) { .heroexists {background-position-x: -344px !important;} .heroexists h2 {margin-top:auto;} } */