/* CSS COLOR LEGEND PRIMARY IVC BLUE: #293F76(PANTONE P 105-8 C) NAVIGATION #163A74 UTILITY NAV #0092D1 35%GREY: #A4A4A5 NAV BLUE: #004789 SECONDARY MED BLUE : #19D6FF (PANTONE P 112-7 C) GRAY BLUE: #87B4CC (PANTONE P 111-10 C) LT GRAY BLUE: #CCEDED (PANTONE P 117-1 C) ORANGE: #FF7505 (PANTONE P 27-8 C) GREEN: #A9C85A (PANTONE P 160-8 C) MAGENTA: #D614FF (PANTONE P 80-7 C) FONTS TRAJAN / ROBOTO THIN 100 LIGHT 300 REGULAR 400 MEDIUM 500 BOLD 700 HEAVY 900 -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- */ /* GLOBAL STYLES: IVC FONT BASE / SETS CUSTOM FONTS -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- */ /* BASELINE CSS / CSS RESET -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- */ /* Removes TOOLTIPS */ .ms-cui-tooltip {display: none !important;} /* Removes border and sets font variant for abbreviations and acronyms */ abbr, acronym {border: 0; font-variant: normal;} /* Normalizes font style and weight - lesser used elements */ address, caption, cite, code, dfn,/*em,strong,*/ th, var, optgroup {font-style: inherit; font-weight: inherit;} /* Normalizes text size for EM use across all browsers */ html, body {font-size: 100%;} /* Sets font color and backgrond for web page */ html {color: #000; background: transparent; height: 100%;} /* Normalizes margin, padding for many elements; removed height: inherit as it was causing display issues */ body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, button, textarea, p, blockquote, th, td, a {margin: 0; padding: 0} /* Left aligns text in captions and table headers */ caption, th {text-align: left;} /* Removes underline from deletions and insertions */ del, ins {text-decoration: none;} /* Removes border from fieldsets and images */ fieldset, img {border: 0; ;} /* Normalizes font size and weight for headers */ h1, h2, h3, h4, h5, h6 {font-size: 100%;font-weight: normal;} /* Normalizes font size for form elements */ input, button, textarea, select {font-size: 100%;} /*input, Commenting this out as it creates formatting issues for Web Part Tool Pane inputs*/ button, textarea, select, optgroup, option {font-family: inherit; font-size: inherit; font-style: inherit; font-weight: inherit;} /* Sets font color for legends */ legend {color: #000;} /* Removes list style from lists */ /*ol,*/ li {list-style: none;} /* Removes quotation marks from quotations */ q:before, q:after {content: '';} /* Verticaly aligns super and sub scripts */ sub {vertical-align: baseline;} sup {vertical-align:text-top; font-style:italic; font-weight:400} /* Collapses borders for tables */ table {border-collapse: collapse; border-spacing: 0;} /* ADJUSTMENTS for SHAREPOINT 2010 - Corrections for issues Baseline CSS creates -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- */ /* -- SharePoint Dynamic Action Menus -- */ /* Corrects border collapse */ .ms-MenuUIPopupBody table {border-collapse:separate;} /* -- EDIT CONSOLE -- */ /* Corrects padding */ td.ms-consoletoolbar,.ms-consolemessage {padding: 0pt 5pt;} /* Content text block in content pages */ .article-content {font-size: 11pt;} /* BODY STYLING: FORM INPUTS (LABELS)OVERRIDES -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- */ input, select, td.ms-formlabel {font-size: 10pt !important; /* !important required to force IE to use font size */} .ms-formbody {padding: 4pt 6pt;} /* FIXES IE10 'SCREEN GOES WHITE WHEN USING THE DROP DOWN IN THE EDITING RIBBON -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- */ .ms-cui-modalDiv-ie,.ms-cui-glass-ie {background-color: transparent !important;} /* MISCELLANEOUS FIXES -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- */ BR:after{display:none} body span:empty{display:none} BODY #pageStatusBar{width:100%;} .ms-WPBody {font-family:'Roboto', sans-serif; font-size:0.8em; line-height:1.4em} .ms-WPBody td { font-size:0.75em; font-family:'Roboto', sans-serif; line-height:1.4em; color:black;} table.ms-listviewtable > tbody > tr > td > div { text-align:left; font-weight:normal} .ms-vb2{min-width:75pt; font-weight:normal } td.ms-vb2:first-child{font-weight:bold} /*RESPONSIVE IMAGE FIX*/ .welcome-content img,.ms-WPHeaderMenuImg, .ms-toolbarItem img, .ms-menuimagecell img, .ms-asset-icon img, .welcome-content img, .ms-wpselectlink img, .ms-WPMenuDiv img, .columns .row .ms-WPHeader img, .ms-WPBody div img, .responsive .shadowbox .responsive-margin img, .responsive .shadowbox .responsive-margin .ms-WPBody img, .welcome-content p a img {width:100%} .ms-searchtaTitle img, .srch-Icon img, .srch-Title img{width:16px!important} .ms-asset-icon {border-width:0px; margin:0px 5px; width:auto !important} /*WEBPART DIALOG IMAGE*/ .ms-WPHeaderMenuImg {padding:7px; visibility:hidden; vertical-align:middle; width:auto !important;} .ms-MenuUIULImg, .ms-toolbarItem IMG {width:auto !important;} /*CONTACT AREA*/ .ms-WPBody P{margin-bottom:3pt;} .AENRpicture IMG {width:100% !important;} .nine .columns .ms-WPBody {padding:0pt} #left-container .ms-WPBody{padding:0pt} #root-photo{padding:0pt !important; /*margin-left:-5pt*/} /* =FONT SIZE -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- */ /* Recent Changes (in Wiki) Menu items */ #NavBarRecentChanges table.ms-navitem td a, #NavBarRecentChanges table.ms-navitem td a:link, #NavBarRecentChanges table.ms-navitem td a:visited {font-size:11pt;} /* Search */ .ms-sbtext, .ms-sblink, .ms-sblink a:link,.ms-sblink a:visited,.ms-WPTitle a,.ms-WPTitle a:link,.ms-WPTitle a:visited,/* Current Navigation */div.ms-quicklaunchheader,.ms-BlogNavigator div.ms-navheader,/* Dialog box header text */.ms-dlgTitleText {font-size:11pt;} /* Web Parts */ .ms-WPTitle,/* Time input drop down for lists - corrects font size caused by nested font EM size */.ms-dttimeinput,/* Web Part Adder - Column headers (Categories/Web Parts/About) */.ms-wpadder-sectionhead,/* Web Part Adder - name of web part that shows in right pane */.ms-wpadder-wpname,/* Web Part Adder - 'Add Web Part' text at bottom of right pane */.ms-wpadder-zoneArea {font-size: 11pt; } /* Global navigation */ .ms-topnav,.ms-topNavFlyOuts,/* Current navigation */table.ms-navheader td,div.ms-navheader,table.ms-selectednavheader td,table.ms-navitem td,span.ms-navitem,/* Web Part Tool Pane Footer */.ms-toolpanefooter,/* Tree View */.ms-treeviewouter,/* Breadcrumb */div.breadcrumb,/* QL Picture Preview */#ImgPreviewTable td,/* Wiki Body Content */.ms-wikicontent,/* Form input labels (lists) */.ms-formbody,/* Page status bar */body #pageStatusBar,/* List descriptions that appear on list view pages */.ms-listdescription {font-size: 11pt;} /* =FONT AWESOME 5.0.1 -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- */ .fab{font: normal normal 180%/1em "Font Awesome 5 Brands"} .fa, .far, .fas{font: normal normal 120%/1em "Font Awesome 5 Free"} /* BODY STYLING: FOUNDATION.CSS OVERRIDES -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- */ .h1-text h1{text-indent:-23456789px; font-size:0.025em} .row {width:100%;} .row .row { margin:0} .columns .row img{width:100%; height:auto} .columns .row td img {width:100%; height:auto;} .columns .contentarea td img {width:auto} #banner img, #root-photo img {width:100%!important; height:auto!important} #banner .ms-WPHeaderMenuImg {width:auto!important} #left-container .hide-for-small { min-height:50px;} .ms-newgif{ width:auto !important; height:auto} /*SHAREPOINT OOTB (OUT OF THE BOX) GLOBAL -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- */ body.v4master {width: auto;} BODY #s4-workspace {/*width: 960px !important; padding-top: 0px !important; */height:100%!important; width:100%!important; /*min-height:20vh;*/ overflow:auto; padding-top:0!important} body #MSO_ContentTable {position: relative;height: 100%; width: 100%; overflow-x: hidden; clear:both;} .system-ContentTable {height: 100%; width: 100%; overflow: hidden;} a:link, a:visited, a:hover, a:active {outline: none; cursor: pointer; font-size: inherit; color:#009EDE; text-decoration:underline; font-family: 'Roboto', 'Open Sans', san-serif; } p {font: normal normal 100%/1.4em 'Roboto', 'Open Sans', sans-serif; /*padding:5pt 0pt*/} .ms-browseTab {} .ms-cui-topBar2 {border-bottom: 0px solid transparent !important; background-image:none !important; background-color:transparent !important;} .ms-cui-menu {position: fixed !important;} /*<==POP OUT BOX STYLE: THIS FIXES THE DROP DOWN MENU'S OF A FIXED RIBBON*/ .ms-cui-tt-s > .ms-cui-tt-a {background-color: #FFFFFF;border-color: #B6BABF;color: #23272C !important; text-decoration:none} .ms-cui-tts > .ms-cui-tt-s > .ms-cui-tt-a > .ms-cui-tt-span {padding-bottom: 6px;} .ms-cui-tts, .ms-cui-tts-scale-1, .ms-cui-tts-scale-2 {display: block; /* float: left;*/ height: 44px; list-style-type: none; margin: 0 0 -1px; overflow: hidden; padding: 0; white-space: nowrap;} .ms-cui-tt-a {border-color: transparent transparent -moz-use-text-color; border-style: solid solid none; border-width: 1px 1px 0; color: #666 !important; cursor: default; display: block; margin-top: 20px;} .ms-cui-tt-span { text-decoration: none ;border-top: 1px solid transparent; display: block; padding: 4px 10px; text-align: center; background-color: yellow;} .ms-cui-ct-ul .ms-cui-tt-span {background-color: transparent;} .ms-cui-tts-scale-1 .ms-cui-tt-span, .ms-cui-tts-scale-1 .ms-cui-cg-t, .ms-cui-tts-scale-2 .ms-cui-tt-span {padding-left: 1pt; padding-right: 1pt;} .ms-cui-tts-scale-2 .ms-cui-tt-a {overflow: hidden; width: 20px;} .ms-cui-tts-scale-2 .ms-cui-cg-t {visibility: hidden; width: 0;} .ms-cui-ribbon a, .ms-cui-menu a, .ms-cui-toolbar-toolbar a{text-decoration:none!important} /*BELOW HANDLES THE BROWSE PAGE PUBLISH TAB*/ .ms-cui-tt-a:hover {background-color: silver; border-color: #5A707B; color: #000 !important;} .ms-cui-tt-s .ms-cui-tt-a:hover {background: url("/_layouts/images/bgximg.png") repeat-x scroll 0 -976px #F1F1F1; border-color: #B6BABF; color: #23272C !important; font-weight: bold;} .ms-socialNotif-Container, .ms-miini-socialNotif-Container, s4-breadcrumb-anchor {display: none;} .ms-welcomeMenu {font: 9pt 'Roboto', 'Open Sans', Arial, Helvetica, sans-serif; letter-spacing: 0.02em; padding: 3pt 1pt 0pt;} /*<==THIS CLASS CONTROLS THE LOGIN NAME*/ .s4-pr {width:inherit;} /* EDIT THE RIBBON STYLES -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- */ body #s4-ribboncont {background-color: transparent !important; padding: 0; width:100%; background: transparent !important} /*body #s4-ribbonrow {min-width: inherit; top:3.9em;width : 960px; height: auto !important; margin:0; position: fixed; z-index: 1000; background-color: transparent; padding-left: 0pt; overflow: hidden;}*/ /*HTML5 Fix*/body #s4-ribbonrow {min-width: inherit;top:9%/*top:25px*/; height: auto !important; margin:0 auto; position: fixed; z-index: 99; background-color: transparent; padding-left: 0pt; overflow: hidden;} body #s4-ribbonrow-SYSTEM {/*width: 960px;*/ height: 100% !important; margin-left: auto; margin-right: auto; z-index: 1000; background-color: transparent;} body #pageStatusBar {text-align:center; max-width:inherit; width:auto; clear:both} /* EDIT THE RIBBON STYLES >> CALL OUT HEADER TAGS MARK UPS-- -- -- -- -- -- -- -- -- -- -- -- -- -- -- */ .ms-rteElement-Callout1 {border-left: thick #004789 solid; border-right: none; border-top: none; border-bottom: none; background-color: #D1D7E1; float: left; color: black; padding: 8pt; line-height: 2em} h1, .ms-WPBody H1, .ms-rteElement-H1, div.ms-rteElement-H1 {color: #004789; font: normal 200%/1.4em 'Roboto', 'Open Sans', Arial, Helvetica, sans-serif; padding:0pt 0pt 5pt 0pt} h2, .ms-WPBody H2, .ms-rteElement-H2, div.ms-rteElement-H2 {color: #004789; font: normal 150%/1.4em 'Roboto', 'Open Sans', Arial, Helvetica, sans-serif; padding:5pt 0pt} h3, .ms-WPBoday H3, .ms-rteElement-H3, div.ms-rteElement-H3 {color: #004789; font: normal 120%/1.4em 'Roboto', 'Open Sans', Arial, Helvetica, sans-serif; padding:5pt 0pt} h4, .ms-WPBoday H4,.ms-rteElement-H4, div.ms-rteElement-H4 {color: #004789; font: normal 100%/1.4em 'Roboto', 'Open Sans', Arial, Helvetica, sans-serif; padding:5pt 0pt} /* BREAD CRUMBS -- -- -- -- -- -- */ #breadcrumbs { padding:3pt 3pt 3pt 5pt; } #breadcrumbs, .breadcrumbRootNode, .breadcrumbNode, .breadcrumbCurrentNode{font-family:"Arial", Helvetica, sans-serif; font-size:80%!important;} a.breadcrumbRootNode {color:#0097DC} a.breadcrumbNode {color:#0097DC} .breadcrumbCurrentNode{ font-weight:bold } /* WEB PART PANEL DISPLAY -- -- -- -- -- -- */ .ms-ToolPaneOuter {height:auto !important; position: relative;} #MSO_ContentDiv {height: 100%; position: relative; top: 1em;} /* ADD WEB PART PANEL DISPLAY -- -- -- -- -- -- */ .ms-wpadder-items{width:auto !important} .ms-wpadder-itemColumn{width:350px !important} .ms-wpadder-descriptionColumn{width:425px !important} /* CUSTOM SEARCH RESULTS DISPLAY -- -- -- -- -- -- */ div.ms-searchsummaryUrl {width:100% !important} div.srch-Metadata2, div.srch-Description2, div.ms-searchsummarydesc, div.ms-searchtadesc {display:none} /*STYLES BELOW CONTROL THE DIALOG BOX IE PUBLISHING EDIT-- -- -- -- -- -- -- -- -- -- -- -- -- -- -- */ /*.ms-dlgContent { background-color: #FFFFFF; border: 1px solid #161D25; display: none; position: absolute; height:600px !important;} .ms-dlgFrameContainer {width: 100% !important;}*/ /*BELOW HANDLES THE DIALOG BOX FOR THE BLOG SECTION*/ .ms-dlgContent{ height: auto !important;width: 960px!important; margin-left:auto;margin-right:auto; overflow:hidden;} .ms-dlgFrameContainer { height:auto !important;width: auto !important;} .ms-dlgFrame {width:100% !important; height:100%!important;min-height:275pt} .ms-dlgBorder{border:thin red solid;width: auto !important; height:100%;} .ms-dialog{margin-left:auto; margin-right:auto; overflow-x:hidden;} /* BODY STYLING: SHAREPOINT OVERRIDES/ IVC BRANDING -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- */ body { background-color:#fff; background-repeat: repeat-x; background-position:center top !important; margin:0 auto; padding:0; font-family: 'Roboto', 'Open Sans', Arial, sans-serif !important; color:inherit; transition: background-color .5s /*For Mobile Slide Nav*/ } #wrapper{background-color: transparent; height: auto;top:0;margin:0 auto;padding:0;z-index:1;} /*--== REQUIRED FOR PROPER SEO==--*/ /*END*/ @media only screen and (max-width:479px) { .footerLogo { padding:0pt 10pt 10pt 10pt !important; text-align:center!important; float:none!important; /*width:100%!important*/} .footerLogo P {font-size:80%!important; color:white !important; font-family:"Roboto", sans-serif; padding:2pt!important; line-height:1.3em!important; border-left: 0!important; margin-top:0pt !important} ul.link-list { margin-left:auto; margin-right:auto; display:inline-block} #footerCopyright {float:left} .four .columns .footerLogo {margin-top:0pt !important} #facebook a, #twitter a, #instagram a, #linkedin a, #snapchat a{padding: 5pt 2pt; margin-top:10pt; } .columns .row img{width:100%; height:auto} .columns .row td img {width:100%; height:auto;} #footerUtlitity LI{ padding-bottom:7pt } } /* SOCIAL MEDIA FOOTER -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- */ #facebook a {text-indent: -9999px; background: transparent url('http://www.ivc.edu/IVCBase/img/layout/18/fb-update.png'); width: 40px; height: 40px; display: block; background-repeat:no-repeat;} #twitter a {text-indent: -9999px; background: transparent url('http://www.ivc.edu/IVCBase/img/layout/18/tw-update.png'); width: 40px; height: 40px; display: block; background-repeat:no-repeat;} #linkedin a {text-indent: -9999px; background: transparent url('http://www.ivc.edu/IVCBase/IVCBase/img/layout/18/li-update.png'); width: 40px; height: 40px; display: block; background-repeat:no-repeat;} #pinterest a {text-indent: -9999px; background: transparent url('http://www.ivc.edu/IVCBase/IVCBase/img/layout/18/pt.png'); width: 40px; height: 40px; display: block; background-repeat:no-repeat;} #youtube a {text-indent: -9999px; background: transparent url('http://www.ivc.edu/IVCBase/IVCBase/img/layout/18/yt.png'); width: 40px; height: 40px; display: block; background-repeat:no-repeat;} #rss a {text-indent: -9999px; background: transparent url('http://www.ivc.edu/IVCBase/IVCBase/img/layout/18/rss.png'); width: 40px; height: 40px; display: block; background-repeat:no-repeat;} #instagram a {text-indent: -9999px; background: transparent url('http://www.ivc.edu/IVCBase/IVCBase/img/layout/18/in-update.png'); width: 40px; height: 40px; display: block; background-repeat:no-repeat;} #snapchat a {text-indent: -9999px; background: transparent url('http://www.ivc.edu/IVCBase/IVCBase/img/layout/18/snapchat.png'); width: 40px; height: 40px; display: block; background-repeat:no-repeat;} /* LIBRARY SOCIAL MEDIA LAYOUT -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- */ #trending{ width:97%; padding-left:10pt} #trendheader #find{background-color: #E2E2E2;} #logo{ position:relative; height:89px; width:100%; float: left;} #logo a { text-indent: -9999px; background: transparent url('/IVCBase/img/layout/ivc-masthead.jpg'); width:100%; height:100%; margin:0; display: block; background-repeat:no-repeat;} #siteActions{z-index:999999; position:relative; height:21px; background:#163A74; float:right; padding-top:3pt; font-size:8pt} #siteActions A{text-decoration:none!important; padding:0!important} #siteActions UL LI {padding:0!important} .ms-siteactionsmenu{float:right;} #mainContent {margin-top:0px; max-width:100%; background-color:transparent; position:relative; height: 100% !important; margin:0 auto;left:0pt; top:-1pt; padding: 0pt !important; padding-top:10pt;} #s4-statusbarcontainer{width:100%} #MSOZone UL LI {padding:0!important} /*.ms-WPBody img{width:auto!important}*/ .webpartPadding {padding:1pt 1pt 1pt 1pt;} .webpartLeftPadding {padding:10pt} .webpartRightPadding {padding:10pt} .clearAll{clear:both} .margin-buffer {padding-left: 10pt} /*--FIXES DIV RESPONSIVE LAYOUT--*/ DIV.row DIV.row .nine DIV.row .nine .webpartPadding { margin-left:0pt} DIV.row DIV.row .nine {padding-left:0pt} DIV.row DIV.row .nine DIV.row .nine {padding-left:0pt} /* BODY STYLING: WEBPART TOOL PANE OVERRIDES -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- */ #MSOT1Pn_MainTD{} #MSOTlPn_ToolPaneCaption {cursor:move;} .ms-ToolPaneOuter {width: auto; font-size:8pt; position: relative;/* top:200px !important; right:10px !important;*/ z-index:99999; /*margin-left:-300px*/} .ms-ToolPaneBody {overflow:auto !important; max-height:100%;} .arrowsprite {width:0px; height:0px; border-left:5px solid transparent; border-right:5px solid transparent; border-top:5px solid #444444; font-size:0px; line-height:0px; top:-2px; position:relative; display:inline-block;} /* BODY STYLING: RESPONSIVE DESIGN SHIMS & TWEAKS -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- */ .responsive-margin{ margin-bottom:0pt; padding-bottom:0pt; margin-right:0pt;} .responsive {font-style: normal; width: 97% !important;} .FullWidth {width:98%; margin:5pt} #RightCol IMG {width:auto} #RightCol H3 {color: #004789; font-family: 'Roboto', sans-serif; font-size:135% !important; letter-spacing:1px; font-weight: 600 !important} #RightCol .ms-WPTitle {font-size:95%!important; font-weight:normal!important} /*#RightCol a::before { content: "» ";font-weight:bold;}*/ #RightCol .ms-PartSpacingVertical{ font-size:0; margin:0} /* ROOT LAYOUT: MOBILE NAVIGATION -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- */ #SiteNavMob { width:90%; margin-left:auto; margin-right:auto; padding:5pt;} #searchBar {border:thin silver solid; padding:1pt; /*margin:13pt 5pt 12pt 5pt;*/ position:relative; z-index:1; clear:both} /*SEARCH BAR FORMAT*/ .s4-search input.ms-sbplain { background: url("/_layouts/images/bgximg.png") repeat-x scroll 0 -511px #FFFFFF; border: 1px solid #E3E3E3 !important; font-size: 1.1em; height: 17px; padding: 2px 3px 0; /*width: 151px !important;*/} .ms-sbplain .s4-searchbox-QueryPrompt {width:200px !important; border: thin red solid} .ms-sbplain {background: url("/_layouts/images/bgximg.png") repeat-x scroll 0 -511px #FFFFFF; border-collapse: collapse; border-color: #B6BABF -moz-use-text-color #B6BABF #B6BABF !important; border-style: solid none solid solid !important; border-width: 1px medium 1px 1px !important; display: block; font-family: verdana,tahoma,sans-serif; font-size: 8pt !important; height: 17px; padding: 6px 2px 7px 10px;} /* RESPONSIVE STYLES FIX -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- */ .responsive { width:100%;font-style:normal;} .responsive-margin{ margin:0pt; padding:5pt 0pt 5pt 5pt} .right {float:right !important} .left { float:left !important} .row .nine{ width:75%} .row .nine .contentarea {width:71%; margin: 0 0 0 10pt} .row .welcome-content {margin: 0 0 0 0pt} .ns-rteImage-2{ padding:0;} .forcecenter{ max-width:75em!important; margin-left: auto!important; margin-right:auto!important} /* GLOBAL STYLES: AMREIN ENGINERRING WEB PARTS -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- */ /* AD ROTATOR */ #AERotatorAebr0 img, #AERotatorAebr1 img ,#AERotatorAebr2 img,#AERotatorAebr3 img,#AERotatorAebrs4 img {width:100%!important} /* VEA TABS */ .ui-widget {font-size: inherit;} .ui-tabs {padding: 0;} /* VEA ACCORDION */ .AccordionList {padding-right:0pt} .AccordionList P {margin: 0 !important; padding: 0 !important;} .AccordionList LI {margin: 0pt; padding: 0; padding-bottom:0pt !important} .AccordionList LI UL {list-style-type: none; border-left: #d7d7d7 0px solid; Border-right: #d7d7d7 0px solid; border-top: #d7d7d7 0px solid; border-bottom: #d7d7d7 0px solid; padding-left: 0px;} .AccordionList UL LI {list-style-type: none;} .AccordionList UL LI UL LI {list-style-type: square;} /* LEFT NAVIGATION ACCORDION WEBPART:VEA*/ #left-container {background-color:#fff; left:0;padding:0; margin:0 0px 0 0 !important; width:26%;} #left-container .AccordionList {padding-right:0pt !important; width:100% !important; border-bottom: #0097DC; } #left-container .AccordionList P {margin: 0 !important; padding: 0 !important;} #left-container .AccordionList LI UL { padding-left:0px !important; width:100% !important; margin:0 !important; border-bottom:none !important; } #left-container .ms-WPBody .AccordionList LI {background-color:#fff; margin: 0 !important; width:100% !important; border-bottom: thin silver solid; text-indent:0pt; } #left-container .ms-WPBody .AccordionList LI A { width:100% !important; color:#999; padding: 5pt 0pt 5pt 0pt; margin: 0 0 0 6pt ; text-transform: none; letter-spacing:0; font: 9pt/1.4em 'Roboto', 'Open Sans', Arial, Helvetica, sans-serif !important; font-weight:bold !important; color:black; border:none; background-color: transparent; list-style-image:url('/IVCBase/img/layout/blue-arrow.png');list-style-position:outside; text-indent:0pt} #left-container .ms-WPBody .AccordionList LI UL A { width:100% !important; text-indent:0pt} #left-container .ms-WPBody .AccordionList LI UL LI { left: 0; margin-left: 0pt; padding: 0pt; width:100% !important; border-top: 2pt #0097dc solid; border-bottom :4pt #0097DC solid; background-color:#F0F0F0; } #left-container .ms-WPBody .AccordionList LI UL LI A { width:100% !important; background-color: transparent; border:none !important; display:inline-block; text-indent:0pt;font: 9pt/1.4em 'Roboto', 'Open Sans', Arial, Helvetica, sans-serif !important; text-transform:none; color: black !important; font-weight: normal !important; text-decoration:none; text-indent:0pt} #left-container .ms-WPBody .AccordionList LI A:hover { text-decoration:none !important; background-color:transparent; /*min-width:175px !important;*/ list-style-image:url('http://www.ivc.edu/photoAssets/LinkLead.png');list-style-position:inside; } #left-container .ms-WPBody .AccordionList LI UL A:hover { text-decoration:none !important; background-color:#C8E0EC; width:100% !important } #left-container .ms-WPBody .AccordionList LI UL LI A:hover { text-decoration: underline !important; color: #00488D !important; background-color: transparent; width:100% !important;} #left-container .ms-WPBody .AccordionList LI UL LI A:hover::before{/*content: url('http://www.ivc.edu/photoAssets/LinkLead.png')*/} /* CENTER MAIN CONTENT ACCORDION WEBPART:VEA*/ div.row div.nine div.nine .ms-WPBody .AccordionList P {margin: 0 !important; padding: 2pt 0pt !important;} div.row div.nine div.nine .ms-WPBody .AccordionList LI {background-color: #C8E0EC; left: 0; margin: 0pt; list-style-type:none !important; width:100%; margin-left:0pt !important} div.row div.nine div.nine .ms-WPBody .AccordionList LI A {left: 0; margin-left: 0pt; border: none; background-color: transparent !important ; padding: 2pt 2pt 2pt 8pt !important; font: 100%/1.4em 'Roboto', 'Open Sans', Arial, Helvetica, sans-serif !important; font-weight:normal !important; color:#273c6a; width:100%; /*display: inline-block; min-width:90px*/} div.row div.nine div.nine .ms-WPBody .AccordionList LI UL LI {background-color: white; left: 0; margin: 0pt; padding-bottom: 0; background-color: transparent; padding-bottom:0pt; padding-top:0pt; border-right: none;} div.row div.nine div.nine .ms-WPBody .AccordionList LI UL LI P { padding:2pt 0pt 2pt 5pt !important; font-size:90% !important; line-height:1.4em !important; width:100% } div.row div.nine div.nine .ms-WPBody .AccordionList LI UL LI A {left: 0; margin: 0pt; padding-bottom: 3pt; padding-top:3pt; background-color:#E6E7E8; border-bottom: none; width:99%; display:inline-block; text-indent:0pt;font: 80%/1.4em 'Roboto', 'Open Sans', Arial, Helvetica, sans-serif;color:#273c6a !important; font-weight:normal; } div.row div.nine div.nine .ms-WPBody .AccordionList LI A:hover { text-decoration:none !important; background-color: transparent !important; color:#273C6A} div.row div.nine div.nine .ms-WPBody .AccordionList LI UL LI A:hover { text-decoration:underline !important;/* background-color:#273C6A !important; color:white !important*/} div.row div.nine div.nine .ms-WPBody .AccordionListP {display:none} div.row div.nine div.nine .ms-WPBody .AccordionList LI UL {list-style-type: none; border-top: none; border-bottom: none; padding-left: 0pt; width:100%; border:none} /* NO NAVIGATION CENTER MAIN CONTENT ACCORDION WEBPART:VEA*/ div.row div.six .ms-WPBody .AccordionList P {margin: 0 !important; padding: 2pt 0pt !important;} div.row div.six .ms-WPBody .AccordionList LI {background-color: #C8E0EC; left: 0; margin: 0pt; list-style-type:none !important; width:100%; font-weight:bold; margin-left:0 !important} div.row div.six .ms-WPBody .AccordionList LI A {left: 0; margin-left: 0pt; border: none; background-color: transparent !important ; padding: 2pt 2pt 2pt 8pt !important; font: 110%/1.4em 'Roboto', 'Open Sans', Arial, Helvetica, sans-serif !important; font-weight:bold ; color:#273c6a; width:100%; /*display: inline-block; min-width:90px*/} div.row div.six .ms-WPBody .AccordionList LI UL LI {background-color: white; left: 0; margin: 0pt; padding-bottom: 0; background-color: transparent; padding-bottom:0pt; padding-top:0pt; border-right: none;} div.row div.six .ms-WPBody .AccordionList LI UL LI P { padding:2pt 0pt 2pt 5pt !important; font-size:110% !important; line-height:1.4em !important; width:100% } div.row div.six .ms-WPBody .AccordionList LI UL LI A {left: 0; margin: 0pt; padding-bottom: 3pt; padding-top:3pt; background-color:#E6E7E8; border-bottom: none; width:99%; display:inline-block; text-indent:0pt;font: 110%/1.4em 'Roboto', 'Open Sans', Arial, Helvetica, sans-serif!important;color:#273c6a !important; font-weight:normal; } div.row div.six .ms-WPBody .AccordionList LI A:hover { text-decoration:none !important; background-color: transparent !important; color:#273C6A} div.row div.six .ms-WPBody .AccordionList LI UL LI A:hover { text-decoration:underline !important;/* background-color:#273C6A !important; color:white !important*/} div.row div.six .ms-WPBody .AccordionListP {display:none} div.row div.six .ms-WPBody .AccordionList LI UL {list-style-type: none; border-top: none; border-bottom: none; padding-left: 0pt; width:100%; border:none} /* NO NAVIGATION 3 COLUMNS CENTER MAIN CONTENT ACCORDION WEBPART:VEA*/ div.row div.four .ms-WPBody .AccordionList P {margin: 0 !important; padding: 2pt 0pt !important;} div.row div.four .ms-WPBody .AccordionList LI {background-color: #C8E0EC; left: 0; margin: 0pt; list-style-type:none !important; width:100%; font-weight:bold} div.row div.four .ms-WPBody .AccordionList LI A {left: 0; margin-left: 0pt; border: none; background-color: transparent !important ; padding: 2pt 2pt 2pt 8pt !important; font: 100%/1.4em 'Roboto', 'Open Sans', Arial, Helvetica, sans-serif; font-weight:bold ; color:#273c6a; width:100%; /*display: inline-block; min-width:90px*/} div.row div.four .ms-WPBody .AccordionList LI UL LI {background-color: white; left: 0; margin: 0pt; padding-bottom: 0; background-color: transparent; padding-bottom:0pt; padding-top:0pt; border-right: none;} div.row div.four .ms-WPBody .AccordionList LI UL LI P { padding:2pt 0pt 2pt 5pt !important; font-size:90% !important; line-height:1.4em !important; width:100% } div.row div.four .ms-WPBody .AccordionList LI UL LI A {left: 0; margin: 0pt; padding-bottom: 3pt; padding-top:3pt; background-color:#E6E7E8; border-bottom: none; width:99%; display:inline-block; text-indent:0pt;font: 95%/1.4em 'Roboto', 'Open Sans', Arial, Helvetica, sans-serif;color:#273c6a !important; font-weight:normal; } div.row div.four .ms-WPBody .AccordionList LI A:hover { text-decoration:none !important; background-color: transparent !important; color:#273C6A} div.row div.four .ms-WPBody .AccordionList LI UL LI A:hover { text-decoration:underline !important;/* background-color:#273C6A !important; color:white !important*/} div.row div.four .ms-WPBody .AccordionListP {display:none} div.row div.four .ms-WPBody .AccordionList LI UL {list-style-type: none; border-top: none; border-bottom: none; padding-left: 0pt; width:100%; border:none} /* EXPLORE IVC ACCORDION WEBPART:VEA*/ #image-box {background-color:#fff; left:0;padding:0; margin:0 !important; overflow:hidden;} #image-box .AccordionList {padding-right:0pt !important; width:100% !important; } #image-box .AccordionList P {margin: 0 !important; padding: 0 !important;} #image-box .AccordionList LI UL { padding-left:0px !important; width:100% !important; margin:0 !important; border-bottom:none !important; } #image-box .ms-WPBody .AccordionList LI {background-color:#fff; margin: 0pt !important; width:100% !important; /*border-bottom: thin silver solid;*/ text-indent:5pt; } #image-box .ms-WPBody .AccordionList LI A { width:100% !important; color:#999; padding: 5pt 0pt 5pt 5pt; text-transform: none; letter-spacing:0; font: 113.5%/1.4em 'Roboto', 'Open Sans', Arial, Helvetica, sans-serif !important; font-weight:bold !important; color:black; border:none; background-color: white; list-style-image:url('/IVCBase/img/layout/blue-arrow.png');list-style-position:outside; display:none} #image-box .ms-WPBody .AccordionList LI UL A { width:100% !important } #image-box .ms-WPBody .AccordionList LI UL LI { left: 0; margin-left: 0pt; padding: 0pt; width:100% !important;/* border-top: 2pt #0097dc solid; border-bottom :4pt #0097DC solid; background-color:#F0F0F0;*/ } #image-box .ms-WPBody .AccordionList LI UL LI A { width:98% !important; background-color: transparent; border:none !important; display:block; text-indent:0pt;font: 113.5%/1.4em 'Roboto', 'Open Sans', Arial, Helvetica, sans-serif !important; text-transform:none; color: black !important; font-weight: normal !important; text-decoration:none;} #image-box .ms-WPBody .AccordionList LI A:hover { text-decoration:none !important; background-color:#C8E0EC; /*min-width:175px !important;*/ list-style-image:url('/IVCBase/img/layout/blue-arrow.png');list-style-position:inside;} #image-box .ms-WPBody .AccordionList LI UL A:hover { text-decoration:none !important; background-color:#C8E0EC; width:100% !important } #image-box .ms-WPBody .AccordionList LI UL LI A:hover { text-decoration:none !important; background-color:#C8E0EC; width:98% !important } /* CENTER CUSTOM FULL HEADER MAIN CONTENT ACCORDION WEBPART:VEA*/ div.row div.twelve div.four .ms-WPBody .AccordionList P {margin: 0 !important; padding: 2pt 0pt !important;} div.row div.twelve div.four .ms-WPBody .AccordionList LI {background-color: #C8E0EC; left: 0; margin: 0pt; list-style-type:none; width:100%;} div.row div.twelve div.four .ms-WPBody .AccordionList LI A {left: 0; margin-left: 0pt; border: none; background-color: transparent !important ; padding: 2pt 2pt 2pt 8pt !important; font: 112%/1.4em 'Roboto', 'Open Sans', Arial, Helvetica, sans-serif !important; font-weight:normal !important; color:#273c6a; width:100%; /*display: inline-block; min-width:90px*/} div.row div.twelve div.four .ms-WPBody .AccordionList LI UL LI {background-color: white; left: 0; margin: 0pt; padding-bottom: 0; background-color: transparent; padding-bottom:0pt; padding-top:0pt; border-right: none;} div.row div.twelve div.four.ms-WPBody .AccordionList LI UL LI P { padding:2pt 0pt 2pt 5pt !important; font-size:90% !important; line-height:1.4em !important; width:100% } div.row div.twelve div.four .ms-WPBody .AccordionList LI UL LI A {left: 0; margin: 0pt; padding-bottom: 3pt; padding-top:3pt; background-color:#E6E7E8; border-bottom: none; width:99%; display:inline-block; text-indent:0pt;font: 80%/1.4em 'Roboto', 'Open Sans', Arial, Helvetica, sans-serif;color:#273c6a !important; font-weight:normal; } div.row div.twelve div.four .ms-WPBody .AccordionList LI A:hover { text-decoration:none !important; background-color: transparent !important; color:#273C6A} div.row div.twelve div.four .ms-WPBody .AccordionList LI UL LI A:hover { text-decoration:underline !important;/* background-color:#273C6A !important; color:white !important*/} div.row div.twelve div.four .ms-WPBody .AccordionListP {display:none} div.row div.twelve div.four .ms-WPBody .AccordionList LI UL {list-style-type: none; border-top: none; border-bottom: none; padding-left: 0pt; width:100%; border:none} div.row div.twelve div.four .ms-WPBody LI {margin-left: 0pt !important} /* BLOG-ROLLUP */ .rootRollUp {padding: 0pt 12pt 0pt 18pt; border-right: thin silver dotted; font-family: 'Roboto', 'Open Sans', Arial, Helvetica, sans-serif; font-weight: normal;} .AEBlogContainer {} .AEBlogTitle{ border-bottom: thin #D1D7E1 solid !important;} .AEBlogBody {width: 100%;/*WILL OVERRIDE THE THIN TOP BORDER -->*/border-top: thin transparent solid !important; border-bottom: thin #D1D7E1 solid !important; padding-top: 5pt;} .AEBLitemtitle {color: #003399; font: normal 12pt/1.3em 'Roboto', 'Open Sans', Arial, Helvetica, sans-serif; font-weight:bold} .AEBlogBody p, .AEBlogBody Div {font: 10pt/1.3em 'Roboto', 'Open Sans', Arial, Helvetica, sans-serif!important; margin-bottom: 3pt; padding-top: 0pt;} .AEBlogBody a { font: 8pt 'Roboto', 'Open Sans', Arial, Helvetica, sans-serif; padding-top: 3pt; color: #273C6A;} .AEBlogBody img { border-color: #D8D8D8 #BFBFBF #BFBFBF #D8D8D8; border-style: solid; border-width: 1pt; padding: 1pt; margin: 0 4pt 2pt 0; width: 150px !important; height: auto !important; float: left !important;} .AEBlogBody span {} .AEBlogPicture img { width:100px!important; height:auto; padding:1pt; margin-top:7pt!important; margin-left:7pt!important} .AEBlogPicture:empty { background-image: url('../../administration/mcs/photoAssets/IVCNews-100.jpg'); background-repeat:no-repeat; background-position: center center; width:100px; min-width:100px } DIV.AEBLfooter{ font-size:8pt!important;} #AEMWP_pawn_ {display: none;} .AEBlogText{ margin:0} .AEBlogText a{ font-weight:bold!important} /* BLOG: PSEUDO "RSS" STYLING [SHAREPOINT DEFAULTS] */ .ms-leftblogdate {} #PostDateTopBox, #PostDateBottomBox, #PostDateBottomBox Div {display: none;} .ms-commentsWrapper, .ms-CommentHeader {display:none;} .ms-rightblogpost {padding: 5pt;} .ms-PostFooter {display: none;} .ms-PostTitle {color: #00488D; font-family: 'Roboto', 'Open Sans', Arial, Helvetica, sans-serif;} .hours UL {margin-top: 1.4em} /* AE RSS TICKER STYLES */ /*.ms-WPBody li{font-family: 'Roboto', 'Open Sans', Arial, Helvetica, sans-serif;font-weight:normal; line-height:1.3em; margin-bottom:0.75em; padding-bottom:1em}*/ .ms-WPBody{ /*font-size:75% !important;*/ line-height:1.3em !important} .ms-WPBody li{/*font-family: 'Roboto', 'Open Sans', Arial, Helvetica, sans-serif;font-weight:normal; line-height:1.2em; margin-bottom:3pt; padding-bottom:1pt; font-size:100%; margin-left:18pt!important;*/} #topbottomcolumn .ms-WPBody li{ list-style-type:square} .ms-WPBody .noindex{border-bottom:thin gray dotted;} .ms-WPBody li span{/*font-weight:normal !important; font-size: 100%; font-family:"Arial", Helvetica, sans-serif*/} .ms-WPBody A:link{/*color: black;font: 100%/1.4em "Arial", Helvetica, sans-serif;*/} .ms-WPBody A:visited {/*color:#163A74; font-size:100%;*/} .ms-WPBorder, .ms-WPBorderBorderOnly {border: none;} .webpart {background-color:transparent; font-size:9pt;font-family: 'Roboto', 'Open Sans', Arial, Helvetica, sans-serif;color:white;} .ms-SPZone{ background: #ccc;border:0;padding:0px !important;} .ms-WPAddButton { background-color: #fff; border: 1px solid #9AC6FF; cursor: pointer;margin: 0; padding: 12px;text-align: center;} .s4-wpActive .s4-wpTopTable, .s4-wpActive .ms-WPSelected {border:0px;} .ms-wpContentDivSpace { margin-left: 0px; margin-right:0px;left:-1px} .slm-edit-ecb {clear: both;float: left; width: 40px;z-index:1000;} /* AE RSS TICKER STYLES//HOMEPAGE */ /*#news .ms-WPBody li { list-style-image:url('/IVCBase/img/layout/blue-arrow.png'); list-style-position:outside; clear:both;margin-bottom:4pt; clear:both; }*/ /*DIV#newsList .ms-WPBody li{ list-style-image:url('/IVCBase/img/layout/blue-arrow.png')!important; list-style-position:outside; margin-bottom:3pt; clear:both; line-height:1.3em; font:normal 112.5%/1.3em "Arial", Helvetica,sans-serif !important; } #news .ms-WPBody li span {}*/ #newsList{ /*margin-left:25pt;*/margin-left:-8pt} #news .ms-PartSpacingVertical{margin-top:0 !important;} #news DIV {padding:0 !important; width:98%; background-color:transparent!important } #newsList .ms-WPBody li{font-weight:normal; line-height:1.2em; margin-bottom:0pt; padding-bottom:1pt; margin-left:10pt!important; width:83%!important; white-space:nowrap; overflow:hidden; text-overflow: ellipsis} #sportsList{margin:0; padding:0!important;margin-left:-7pt; } #sportsList .ms-WPBody li{font-size: 95%;font-weight:normal; line-height:1.5em; margin-bottom:1pt; padding-bottom:1pt; margin-left:10pt!important; width:85%; white-space:nowrap; overflow:hidden; text-overflow: ellipsis} DIV#sportsList .ms-WPBody A:LINK{ background-image: url('../img/layout/blue-arrow.png')!important; background-repeat:no-repeat; background-position: left; list-style-position:outside; padding-left:7pt; font:normal 110%/1.6em "Arial", Helvetica,sans-serif !important; margin-bottom:1pt; text-decoration:none} /* ACTIVE CALENDAR STYLES//HOMEPAGE */ DIV#newsList .ms-WPBody DIV{list-style-position:outside; clear:both;width:68%; margin:2pt 0pt 2pt 10pt; } DIV#newsList .ms-WPBody A:LINK{ background-image: url('../img/layout/blue-arrow.png')!important; background-repeat:no-repeat; background-position: left; list-style-position:outside; padding-left:7pt; font:normal 100%/1.5em "Arial", Helvetica,sans-serif !important; width:100%; overflow:hidden!important; text-overflow: ellipsis; white-space:nowrap; display: inline-block; margin-bottom:1pt; text-decoration:none} /*SAFARI LIS HACK*/ @media screen and (-webkit-min-device-pixel-ratio:0){ DIV#newsList .ms-WPBody li { list-style-image:url('/IVCBase/img/layout/blue-arrow.png'); list-style-position:outside; margin-bottom:4pt; clear:both; text-indent:-8pt; line-height:1.3em} /* AE RSS TICKER STYLES//HOMEPAGE ===UPDATE=== */ #update .ms-WPBody li { list-style-image:url('/IVCBase/img/layout/blue-arrow.png'); list-style-position:outside; clear:both;margin-bottom:4pt; clear:both; } DIV#newsList2 .ms-WPBody li{ list-style-image:url('/IVCBase/img/layout/blue-arrow.png')!important; list-style-position:outside; margin-bottom:4pt; clear:both; line-height:1.3em } #update .ms-WPBody li span {font-size:10pt !important;} #newsList2{ /*margin-left:25pt;*/margin-left:10pt} #update .ms-PartSpacingVertical{margin-top:0 !important;} #update DIV {padding:0 !important; } #explore DIV {padding:0!important} #explore DIV.IMG{width:100%} #news DIV.IMG{ width:100%} /*SAFARI LIS HACK*/ @media screen and (-webkit-min-device-pixel-ratio:0){ DIV#newsList2 .ms-WPBody li { list-style-image:url('/IVCBase/img/layout/blue-arrow.png'); list-style-position:outside; margin-bottom:4pt; clear:both; text-indent:-8pt; line-height:1.3em} /* AE LIGHTBOX -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- */ [title~="previous"]{background-position-y: 50%!important} [title~="next"]{background-position-y:50%!important} #AEdimlayer { height:100% !important} #AElightbox { top:7%!important} } } /* DIRECTORY -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- */ .noNav{ padding:10pt;} .ms-vb2{font-family: 'Roboto','Open Sans', sans-serif;font-size:10.5pt;} .AESDpager TD {padding:8pt !important; font-weight:bold !important; color: black !important;} .AESDpager TD A:link {color: blue !important; font-size:10pt !important} .AESDpager TD A:hover {color:red !important; font-weight:bold; font-size:10pt !important} .AESDmain span {font-style:oblique; } /* MISC. STYLINGS -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- */ .item .link-item .bullet{font-size:10pt;} .dfwp-list li{border-bottom:none;line-height:normal;margin-bottom:0; padding-bottom:0;font-size:14pt;} .link-item, .link-item a, .link-item a:link { color: #003399; font-family:'Roboto', 'Open Sans', Arial, Helvetica, sans-serif; font-size: 10pt; text-decoration: none;} .whitespace{display:none;} IMG.ms-newgif {display:none;} DIV#centercolumnA {margin-left:5pt;} DIV#centercolumnB {margin-left:5pt} /* WEBPARTS -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- */ #MSOZone_EmptyZoneCell{ display:none;} #MSOZone {padding:0px!important} .ms-WPBody{ left:-1pt;/*overflow:visible;*/} .ms-ToolPaneBody Label {display:inline-block; font-size: 8pt} .ms-ToolPaneBody, .ms-ToolPaneBody input, .ms-ToolPaneBody select, .ms-ToolPaneBody td.ms-formlabel {font-size:10pt !important; width:auto !important} /* EXPLORE IVC /HOMEPAGE REFRESH -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- */ #news-explore{margin-left:auto;margin-right:auto; padding-top:20pt; padding-left:15pt} #news{ min-height:225px; margin-left: auto;margin-right:auto; width:48%; padding-left:-2pt} #newsBanner{ margin-left: auto;margin-right:auto; width:48%; padding-left:-2pt} #explore{ min-height:225px; margin-left:auto;margin-right:auto; width:49%;} .explore-padding{padding:0pt 10pt 15pt 10pt} DIV.explore-image-box{margin-right:5pt !important; margin-left:5pt !important} .explore-image-box IMG {width:100% !important; padding:10pt; padding-top:15pt} .summer-image-box-left IMG {width:100%; padding:15pt 10pt 10pt 10pt} .summer-image-box-right IMG {width:100%; margin-left:auto; margin-right:auto; float:right;overflow:hidden} #image-box{padding-left:5pt} #image-box-right{float:right; margin: 15pt 10pt 10pt 10pt; overflow:hidden;} #moreNewsLink{text-align:left; margin-top:1pt; margin-left:1pt} div.explore-box-wrap {box-shadow: 0pt 0pt 5pt #333;/*border:thin navy solid; padding:5pt*/} h2.explore-header{color: #004789; font: normal 250%/1.3em 'Garamond', Times, sans-serif; padding:10pt 0pt 5pt 10pt} h3.explore-footer{color: #004789; font: normal 175%/1.3em 'Garamond', Times, sans-serif; padding:0pt 0pt 5pt 10pt} #explore-content P{ margin-bottom:2pt !important; padding:3pt 15pt 3pt 10pt !important; font:normal 112.5%/1.8em "Arial", Helvetica,sans-serif !important} #explore-content H2{padding-left:10pt; padding-top:15pt!important} #explore-root-content P{padding:0pt !important; font:normal 112.5%/1.8em "Arial", Helvetica,sans-serif !important; width:88%} @media only screen and (max-width: 1023px) { #news-explore{margin-left:auto;margin-right:auto; padding-top:10pt; padding-left:5pt} #news{padding-left:0pt; width:45% !important; padding-left:15pt} #explore {padding-left:35pt !important; width:40%!important; float:right; right:10pt} #explore img {width:325px; overflow: hidden} #explore-root-content p{padding-left:0pt!important; width:97%} #explore-root-content img{ width:auto} #dock-nav ul.side-nav li a {font-size:75%} /*#news .ms-WPBody li{font-size:75% !important}*/ #sportsList {margin-left:-10pt} #news div {width:98%;} #BottomFooter.div.row div.row .nine {/*width:100%!important*/} .columns .row img{width:100%; height:auto} .columns .row td img {width:auto; height:auto;} .body #s4-ribbonrow{width:500px} .responsive-margin{padding:0} } @media only screen and (max-width:760px) { html{background-color:white} #news-explore{margin-left:auto;margin-right:auto; padding-top:0pt; padding-left:0pt} #news{padding-left:0pt !important; /*width:47% !important;*/ margin-left:0pt !important;width:96% !important; } #explore {padding-left:0pt !important;/* width:46%!important;*/margin-left:0pt !important; width:96% !important} #explore img {width:auto} #explore-root-content p { padding-left:10pt!important} #Topfooter {text-align:center} ul.footerLogo{text-align:center !important; margin-left:auto;margin-right:auto} #Topfooter .footerLogo P{border-left: thin transparent solid !important} .four .columns .footerLogo{margin-top:1pt !important} .footerLogo {padding:1pt!important} #footterUtility ul.inline-list, u.link-list {margin-bottom:15pt} DIV.row DIV.row .nine {width:100%!important} .columns .row img{width:100%; height:auto} .columns .row td img {width:auto; height:auto;} .responsive-margin{padding:0} #RightCol{float:none!important} #news div {width: 98%} #sportsList{margin:0; padding:0!important;margin-left:8pt; } #moreNewsLink{margin-left:8pt} /*Fix Landscape Display*/ #logo{width:49%} #dock{width:49%; padding-top:0; top:0; margin-top:-60pt} #searchBar {margin:2pt 5pt 2pt 2pt; margin-top:-25pt} .s4-search input.ms-sbplain{width:220pt!important; } #news {float:left; width:48%!important; margin:2pt 6pt 0pt 6pt} #explore{float:right; width:48%!important; margin-right:0} #explore-root-content p{padding-left:0pt!important; width:97%} #newsList {margin-left:0pt !important} .welcome-content{ padding:0!important; margin:0!important} #mainContent{padding:0pt!important; margin-top:5pt} #Topfooter{ text-align:center!important} div.one.columns.footerLogo{ width:13%!important; float:left;} div.four.columns.footerLogo{width:60%!important; text-align: left} div.two.column.footerLogo.right{width:40%!important; margin-top:-50pt; float:right; right:0} #buttons ul li, .welcome-content #buttons ul li{display:block; left:0;padding-bottom:9pt!important} } @media only screen and (max-width:479px) { html{background-color:white; width:100%; overflow-x:hidden} body, body #aspnetForm, #wrapper{padding:0; margin:0; width:100%} .row{margin:0; padding:0; width:auto} #logo{width:100%} #news-explore{margin-left:auto;margin-right:auto; padding-top:0pt; padding-left:0pt; overflow-x:hidden} #news{padding-left:0pt !important; /*width:47% !important;*/ margin-left:0pt !important; width:80% !important; z-index:999 } #explore {padding-left:0pt !important; /*width:46%!important;*/ margin-left:10pt !important; width:99% !important; float:none} #explore-root-content p { padding-left:20pt!important; width:90%!important} #news img, #explore img {width:auto; padding-left:20pt} div.explore-box-wrap {box-shadow: 0pt 0pt 0pt #fff;/*border:thin navy solid; padding:5pt*/} #newsList {margin-left:10pt !important; margin-top:10pt; width:96%!important} #news div {width: 96%} #news-explore,#summerclasses,#dates,#spotlight,#transfer,#custom-spot,#student, #news DIV, DIV#newsList .ms-WPBody DIV{margin:0;} #moreNewsLink{text-align:left; margin-top:1pt;margin-left:0pt!important; width:50%; margin-bottom:5pt} #sportsList .ms-WPBody li{margin-left:12pt!important;} .right{float:none !important} .left{float:none !important} .columns .row img{width:100%; height:auto} .columns .row td img {width:auto; height:auto;} .responsive-margin{padding:0} #welcome-content-poll{float:none;width:100%; color: black; padding:0 10pt!important ;margin-top:0pt !important; position:relative; font: normal 10.5pt/1.5em 'Roboto', 'Open Sans', Arial!important;} .welcome-content{ margin:0!important; padding:0!important} #mainContent{padding-top:70pt!important} #poll-content{ width:100%; border:medium silver solid; padding:2pt 0pt; margin:10pt 0pt 0pt 0pt; min-height:90pt} #RightCol{float:none!important} #dock{text-align:center!important; padding:0;width:100%; padding-top:67pt} /*SEARCH BOX*/ #searchBar{ border:none; margin:2pt 2pt 2pt 15pt; text-align:center!important; } .s4-search input.ms-sbplain{width:220pt!important; } div.ms-topanswerseperation{display:none} /*Fix Portrait Display*/ #Topfooter{ text-align:center!important} div.one.columns.footerLogo{ width:20%!important; float:left!important;margin-top:-3pt} div.four.columns.footerLogo{width:99%!important; text-align: left!important} div.two.column.footerLogo.right{width:100%!important; margin-top:0pt; float:right; right:0;text-align:center!important} #buttons ul li{display:block; left:0; padding-bottom:9pt!important} /*REFRESH*/ #main-content-layout {max-width:100%!important; left:5px!important; background-color:#fff; min-height:0} .breakout-wrap-promo, .breakout-wrap {background-color:#fff!important} section#primary-block .center-row{background:transparent!important} .dropdown-menu{left:-311px} #primary-nav {/*display: none*/} nav.ivc-explore{width:100%!important} #main-content{overflow-x: hidden} #footer-nav-block{} #social-media-block nav {width:100%} .sm-icon{ } #highlight-block{width:350px} #highlight-block img {width:168px; margin-top:1%} .highlight-caption {width:168px} div.custom-highlight{width:100%; max-width:100%} #breakout-block-promo{padding-top:0;} #breakout-block-promo nav h2, #breakout-block nav h2{font-size:1.5rem!important; padding-bottom:7%; margin-bottom:7%; font-family:'roboto'} #breakout-block-promo .btn-alt, #breakout-block .btn-alt{font-size:1rem; font-weight:600;} #breakout-block .btn-class{color:black; border-color:black} #secondary-nav UL.menu LI A {padding-left:1.3em; } #secondary-nav UL.menu LI { padding-top:10px!important; padding-bottom:10px!important} #primary-block nav {left:10px; background-color:#fff;} #primary-block nav .submenu li{ border-top: 1px solid #E2E2E2; list-style-image:url('http://www.ivc.edu/IVCBase/img/layout/blue-arrow.png'); list-style-position: inside; padding:7pt 0 ; white-space:nowrap;overflow:hidden; text-overflow:ellipsis; min-width:350px; max-width:350px!important; font-weight:normal} .submenu{min-width: 350px; max-width :350px} #ivc-happenings{} .ivc-happenings{} .ivc-happenings-container{min-width: 350px; max-width :350px!important} #ivc-news{} .ivc-news{} .ivc-news-container {min-width: 350px; max-width :350px!important} #ivc-explore{} .ivc-explore{} .ivc-explore-container{min-width: 350px; max-width :350px!important} #primary-block nav.ivc-explore h2 {max-width: 350px;} .caret-size{font-size:12pt!important; color:#a9c85a} .breakout-text-overlay{width:85%; padding-top:5%!important} p.breakout-text {font: normal normal 80%/1.5em 'Roboto','Open Sans',sans-serif; padding:5pt 0pt !important; text-align:center!important} .ivc-schedule-image, .ivc-best-image, .ivc-catalog-image, .ivc-transfer-image {min-width:355px!important;} .ivc-catalog, .ivc-best, .ivc-transfer, .ivc-schedule {height:175px; margin-bottom:1%; border:thick white solid; overflow:hidden;} .ivc-schedule-image{background-image: url("http://www.ivc.edu/IVCBase/img/layout/18/ivc18-schedule-mobile.png")!important; background-repeat:no-repeat; background-size:cover; padding-bottom:10%;} .ivc-transfer-image {background-image:url("http://www.ivc.edu/IVCBase/img/layout/18/ivc18-transfer-mobile.png")!important; background-repeat:no-repeat; background-size:cover; padding-bottom:10%;margin-bottom:1%} .ivc-best-image{background-image: url("http://www.ivc.edu/IVCBase/img/layout/18/ivc18-explore-mobile.png")!important; background-repeat:no-repeat; background-size:cover; padding-bottom:10%; } .ivc-catalog-image {background-image:url("http://www.ivc.edu/IVCBase/img/layout/18/ivc18-catalog-mobile.png")!important; background-repeat:no-repeat; background-size:cover; padding-bottom:10%;} nav.ivc-catalog.columns{margin-top:5px !important} /*--UPDATED LAYOUT BREAKOUT BOXES*/ .ivc-schedule-image-alt{background-image: url("http://www.ivc.edu/IVCBase/img/layout/18/ivc18-schedule-mobile.png")!important; background-repeat:no-repeat; background-size:cover; padding-bottom:10%;} .ivc-transfer-image-alt {background-image:url("http://www.ivc.edu/IVCBase/img/layout/18/ivc18-transfer-mobile.png")!important; background-repeat:no-repeat; background-size:cover; padding-bottom:10%;margin-bottom:1%} .ivc-best-image-alt{background-image: url("http://www.ivc.edu/IVCBase/img/layout/18/ivc18-explore-mobile.png")!important; background-repeat:no-repeat; background-size:cover; padding-bottom:10%; } .ivc-catalog-image-alt {background-image:url("http://www.ivc.edu/IVCBase/img/layout/18/ivc18-catalog-mobile.png")!important; background-repeat:no-repeat; background-size:cover; padding-bottom:10%;} } @media only screen and (max-width:767px) { /*REFRESH*/ #main-content-layout {max-width:100%!important; left:5px!important; background-color:#fff; min-height:0; margin-top:95px} .breakout-wrap-promo, .breakout-wrap {background-color:#fff!important} section#primary-block .center-row{background:transparent!important} .dropdown-menu{left:-311px} #primary-nav {/*display: none*/} nav.ivc-explore{width:100%!important} #main-content{overflow-x: hidden} #footer-nav-block{} #social-media-block nav {width:100%} .sm-icon{ } #highlight-block{ width:350px} #highlight-block img {width:168px; margin-top:1%} .highlight-caption {width:168px} #breakout-block-promo{padding-top:0;} #breakout-block-promo nav h2, #breakout-block nav h2{font-size:1.5rem!important; padding-bottom:7%; margin-bottom:7%; font-family:'roboto'} #breakout-block-promo .btn-alt, #breakout-block .btn-alt{font-size:1rem; font-weight:600;} #breakout-block .btn-class{color:black; border-color:black} #secondary-nav UL.menu LI A {padding-left:1.1em } #secondary-nav UL.menu LI { padding:10px 5px!important} #primary-block nav {left:10px; background-color:#fff;} #primary-block nav .submenu li{ border-top: 1px solid #E2E2E2; list-style-image:url('http://www.ivc.edu/IVCBase/img/layout/blue-arrow.png'); list-style-position: inside; padding:7pt 0 ; white-space:nowrap;overflow:hidden; text-overflow:ellipsis; min-width:350px; max-width:350px!important; font-weight:normal} .submenu{min-width: 350px; max-width :350px} #ivc-happenings{} .ivc-happenings{} .ivc-happenings-container{min-width: 350px; max-width :350px!important} #ivc-news{} .ivc-news{} .ivc-news-container {min-width: 350px; max-width :350px!important} #ivc-explore{} .ivc-explore{} .ivc-explore-container{min-width: 350px; max-width :350px!important} #primary-block nav.ivc-explore h2 {max-width: 350px;} .breakout-text-overlay{width:85%; padding-top:5%!important} p.breakout-text {font: normal normal 80%/1.5em 'Roboto','Open Sans',sans-serif; padding:5pt 0pt !important; text-align:center!important} .ivc-schedule-image, .ivc-best-image, .ivc-catalog-image, .ivc-transfer-image {min-width:355px!important;} .ivc-catalog, .ivc-best, .ivc-transfer, .ivc-schedule {height:175px; margin-bottom:1%; border:thick white solid; overflow:hidden;} .ivc-schedule-image{background-image: url("http://www.ivc.edu/IVCBase/img/layout/18/ivc18-schedule-mobile.png")!important; background-repeat:no-repeat; background-size:cover; padding-bottom:10%;} .ivc-transfer-image {background-image:url("http://www.ivc.edu/IVCBase/img/layout/18/ivc18-transfer-mobile.png")!important; background-repeat:no-repeat; background-size:cover; padding-bottom:10%;margin-bottom:1%} .ivc-best-image{background-image: url("http://www.ivc.edu/IVCBase/img/layout/18/ivc18-explore-mobile.png")!important; background-repeat:no-repeat; background-size:cover; padding-bottom:10%; } .ivc-catalog-image {background-image:url("http://www.ivc.edu/IVCBase/img/layout/18/ivc18-catalog-mobile.png")!important; background-repeat:no-repeat; background-size:cover; padding-bottom:10%;} nav.ivc-catalog.columns{margin-top:5px !important} } /*-----------------*/ /***** REFRESH*****/ /*-----------------*/ /*------------NEW CSS FOR IVC Branding MASTER PAGE*/ /* BODY STYLING: SHAREPOINT OVERRIDES/ IVC BRANDING -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- */ .right {float:right!important; right:0} .left {float:left!important} .clear{clear:both} .ms-PartSpacingVertical {font-size: 0pt;margin-top:0;} .textshadow {text-shadow:2px 3px 5px #000} .boxshadow {text-shadow:2px 3px 5px #000} .bold{ font-weight:600} body { font-family: 'Roboto', sans-serif;} #content-wrapper {width:100%; height:auto; transition: margin-left .5s /*For Mobile Slide Nav*/;} /*CENTERS CONTENT DIVS*/ .center-row{max-width:75em; margin:0 auto; background-color:#fff} .center-row-footer{max-width:75em; margin:0 auto;} .clear-center-row{max-width:none; margin:auto; background-color:#fff} .no-white{background-color: transparent!important} header {width:100%!important;} #headerContent{width:100%; position:fixed; z-index:1001} .h2-title{color:#fff; font-weight:700; text-align: left; text-transform:capitalize; padding:10px 0; display:block; letter-spacing:0.075em ;} .h3-title{color:#fff; font-weight:900; text-align: left; text-transform:capitalize; padding:10px 0; display:block; letter-spacing:0.075em ;} article{ } nav {} main {} section{} footer {} /* Navigation: Primary and Secondary -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- */ #primary-nav { background-color:#163A74; width:100%; z-index:100; /*box-shadow: 0px 2px 12px #000*/ } #primary-nav-left{ z-index:101; position:relative; float:left; z-index:10; padding-bottom:0; padding-top:0.25%; width:35%;} #primary-nav-left H1{color:white; font-family:'Cinzel'; font-size:300%; letter-spacing:0.05em; padding-left:1%} #primary-nav-right, #primary-nav-right-alt{ position:relative; float:right; left:0; width:60%; font-family:'Roboto', 'Open Sans', Arial, sans-serif; /*padding-top:2%*/ z-index:99} #primary-nav .row {background-color:transparent; max-width:75em; margin:0 auto} #primary-nav UL.menu LI A {color:#fff; font-size:1.2em; text-transform:capitalize; text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.3); text-decoration:none; font-family: 'Roboto', 'Open Sans', Arial, sans-serif; padding-left:2em; letter-spacing:0.01em; display:inline } #primary-nav UL Li{ text-align:center;} #secondary-nav{ background-color: #0092D1; height:10%;} #secondary-nav .row {background-color:transparent; max-width:75em; margin:0 auto;} #secondary-nav UL.menu LI A {font-size:0.95em; color:#fff; text-decoration:none; font-family: 'Roboto', 'Open Sans', Arial, sans-serif;; text-shadow:none; font-weight:300} #secondary-nav UL LI{display:inline-block; padding:3pt 4pt} .navigation-wrap{} #third-nav{ background-color:#fff; position:relative;} #third-nav .row {background-color: transparent; bottom:-0.625em; position:relative; z-index:1} #third-nav UL.menu LI A {font-size:1em; color:#000; background-color:#B1B3B5; margin-left:1em; margin-right:1em; text-align:center} .navigation-wrap{max-width:75em; margin:0 auto} /* Navigation: IVC Logo/Header -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- */ #primary-nav ul li{display:inline} #primary-nav li{display:inline} .ivc-logo { z-index:1000; position:fixed} /*.ivc-logo a { text-indent: -9999px; background-image: url('http://www.ivc.edu/IVCBase/img/layout/18/4C-logo.png'); max-width:300px; min-height:53px; height:53px; margin:5pt 0; display:block; background-size: contain; background-repeat: no-repeat; top:0; left:0;} .ivc-logo IMG {}*/ .ivc-logo a{ text-indent: -9999px; background-image: url('http://www.ivc.edu/IVCBase/img/layout/18/IVC-Logo-KO.svg'); min-height: 45px; margin: 0pt auto 5pt auto; padding-left:10pt; display: block; background-size: contain; background-repeat: no-repeat; top: 0px; left: 0px; } #left-nav{ width:25%} #right-nav{ width:75%} #primary-nav #ivc-logo{background-color:#163A74; /*position:relative;top:1.1em*/margin-top: 5pt;} #primary-nav .logo { left: 0%; margin-left: 0; margin-top: -18px; position: absolute; top: 0; } #primary-nav a { color: #ffffff; letter-spacing:0.05em; font-family:'Cinzel', 'Open Sans', sans-serif; text-decoration:none; /*text-transform:capitalize;*/ text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.3); display:block; } footer {min-height:10em; background-color:#163A74; position: relative; bottom:0; border-top: 1em solid #0092D1; padding-top:1.5%} footer#copyright{ background-color:black; min-height:2em; position:relative; bottom:0; border-top:none; padding:1% 0;} /* Video: Header -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- */ .video-wrapper {bottom: 0; left: 0; overflow: hidden; position: fixed; top: -3%; width: 100%; z-index: -29; background-color:#fff} .big-video {position: relative;width: 1000em;} /* Video: Vimeo Custom CSS Overrides -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- */ .video-wrapper .vimeo, .vimeo {height: 0; padding-bottom: 58%;/*56.25%;*/ /* 16:9 */ /*padding-top: 25px;*/position: relative; overflow:hidden; width:100%} .video-wrapper .vimeo iframe { height: 100%; left: 0; position: absolute; width: 100%;} /* Video: View Port and Header Tag Line -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- */ /*.video-viewport {margin-top:25%; margin-bottom:2%}*/ .video-viewport {margin-top:27%; margin-bottom:0} .video-viewport h1 {display:none;} .video-viewport p { line-height: 1.3636363636363635em; letter-spacing:0.025em; margin: 0; padding: 0; /*text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.3);*/ color:#fff; padding-top:3%; font-size:1.8em!important;} .video-viewport .subheader {background:#404040; width:100%;background: linear-gradient(to bottom, rgba(255,255,255,0), rgba(64,64,64,20)); /* Standard syntax (must be last) */; height: 6em } .video-viewport .subheader-inner {margin: 0 auto; border-top:none; padding-top:0; text-align:right; max-width:73em} /* Search Bar Drop Down -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- */ .dropdown { position: relative; } .dropdown-toggle:focus { outline: 0; } .dropdown-menu { -moz-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175); -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175); background-clip: padding-box; background-color: #ffffff; border: 1px solid #cccccc; border: 1px solid rgba(0, 0, 0, 0.15); border-radius: 4px; box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175); display: none; float: left; font-size: 16px; left: 0; list-style: none; margin: 2px 0 0; min-width: 160px; padding: 15px!important; position: absolute; top: 100%; z-index: 3000; left:-250px; } .dropdown-menu.pull-right { left: auto; right: 0; } .dropdown-menu .divider { background-color: #e5e5e5; height: 1px; margin: 10px 0; overflow: hidden; } .dropdown-menu > li > a { clear: both; color: #333333; display: block; font-weight: normal; line-height: 1.428571429; padding: 3px 20px; white-space: nowrap; } .dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus { background-color: #f5f5f5; color: #262626; text-decoration: none; } .dropdown-menu > .active > a, .dropdown-menu > .active > a:hover, .dropdown-menu > .active > a:focus { background-color: #428bca; color: #ffffff; outline: 0; text-decoration: none; } .dropdown-menu > .disabled > a, .dropdown-menu > .disabled > a:hover, .dropdown-menu > .disabled > a:focus { color: #999999; } .dropdown-menu > .disabled > a:hover, .dropdown-menu > .disabled > a:focus { background-color: transparent; background-image: none; cursor: not-allowed; filter: progid:DXImageTransform.Microsoft.gradient(enabled = false); text-decoration: none; } .open > .dropdown-menu { display: block; } .open > a { outline: 0; } .dropdown-header { color: #999999; display: block; font-size: 14px; line-height: 1.428571429; padding: 3px 20px; } .dropdown-backdrop { bottom: 0; left: 0; position: fixed; right: 0; top: 0; z-index: 990; } .pull-right > .dropdown-menu { left: auto; right: 0; } .dropup .caret, .navbar-fixed-bottom .dropdown .caret { border-bottom: 4px solid #000000; border-top: 0 dotted; content: ""; } .dropup .dropdown-menu, .navbar-fixed-bottom .dropdown .dropdown-menu { bottom: 100%; margin-bottom: 1px; top: auto; } @media (min-width: 768px) { .navbar-right .dropdown-menu { left: auto; right: 0; } } /* Main Content -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- */ #main-content{min-height:17em; max-width:100%} #main-content-layout{min-height:17em; max-width:100%; background-color:#fff} /* Main Content: Article Block -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- */ #article-block {padding:1em 0; /*min-height:25em;*/ position:relative} #article-block article{display:inline-block; width:31%; height:15em; margin:0 10pt; float:left; position:relative} #article-block article H3{text-align:center; font-weight:bold; display:block; padding:1.5em; position:relative} .article-background{min-height: 15em; background-color:#FFC; padding:0.25em; position:relative} .orange{ background-color:#E07A29} .purple { background-color:#639} .blue { background-color:#09F} /* Main Content: Highlight Block -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- */ #highlight-block{width:100%; max-width:75em; padding:0; margin:0 auto; background-color:white!important} /* Main Content: Break Out Block -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- */ #breakout-block{padding-top:0px} #breakout-block nav{display:inline; float:left; margin:0 1%; width:48%; box-sizing:border-box;} #breakout-block nav h2 { border-bottom: 7px solid #C9DBE5;font-size: 2.6rem; font-weight: 600;line-height: 1;padding:0; color:#fff ;padding-bottom:10%; margin-bottom:10%} #breakout-block-promo{padding-top:20px} #breakout-block-promo nav{display:inline; float:left; margin:0 1%; width:48%; box-sizing:border-box;} #breakout-block-promo nav h2 { border-bottom: 7px solid #C9DBE5;font-size: 2.6rem;font-weight: 600;line-height: 1;padding: 10px 0; color:#fff ;padding-bottom:10%; margin-bottom:10%} .breakout-wrap-promo{padding:0; margin-top:2%; background-color: #93A7C0 } .breakout-wrap{padding:1% 0 1.5% 0; margin-top:0%; background-color: #C9DBE5} .breakout-box-content h4 {z-index:10; color:#000} .image-op15 { opacity:0.15} .breakout-text-overlay {z-index:100; margin:0 auto; padding-top:15%; width:80%; text-align:center; font-size:0.95em; letter-spacing:0.02em; text-shadow:none;} .breakout-text-overlay H4 {margin-bottom:5%} .breakout-text-overlay p {margin-bottom:7%!important ; color:#fff} .transfer-text { max-width:80%; margin-left:auto; margin-right:auto} /* Main Content: ALTERNATE Block -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- */ #primary-nav-alt ul li{display:block} #primary-nav-alt li{display:block} #primary-block-alt{padding:0 0 2% 0} #primary-block-alt nav{display:inline; float:left; /*margin-right:2.12766%;*/ width:47%; box-sizing:border-box; text-shadow:none; overflow:hidden; text-overflow: ellipsis} .nav-margin-L{margin:0 2% 0 1%} .nav-margin-R{margin: 0 1% 0 2%} #primary-block-alt nav h2 { border-top: 8px solid #7aa393;/*font-size: 2.5rem;*/font-size: 1.5rem;font-weight: normal;line-height: 1;padding: 10px 0;text-transform: uppercase;} #primary-block-alt nav .submenu a{color:#333; padding:4px 0px; text-decoration:none; font-size: 1em; letter-spacing:0.025em; width:100%;} /*#primary-block nav .submenu a{color:#333; display:inline-block; padding:4px 0px 4px 15px; text-decoration:none; font-size:.8em; letter-spacing:0.025em; width:auto; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}*/ #primary-block-alt nav .submenu li{ font-size:12pt; font-family:roboto; border-top: 1px solid #E2E2E2; /*list-style-image:url('http://www.ivc.edu/IVCBase/img/layout/blue-arrow.png');*/ list-style-position: inside; padding:9pt 0 ; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; font-weight:normal; background-color:transparent; box-sizing: content-box; max-width:99%} /*Handles Right Caret on News Feed*/ #primary-block-alt nav .submenu li i {font-size:12pt!important; color:#A9C85A; text-align:left; width:1em; margin-left:1%} #primary-block-alt nav .submenu li a span.AEBLitemtitle { font-weight:normal; color:#333} #primary-block nav-alt .ivc-news-container .submenu li{max-width:100%;} #primary-block nav-alt .ivc-explore-container .submenu li{max-width:100%} #primary-block-alt nav.ivc-happenings h2 {border-top: 8px solid /*#0092D1;*//*#FF7505*/#87B4CC } #primary-block-alt nav.ivc-news h2 {border-top: 8px solid #a9c85a ;/* border-top: 8px solid #87B4CC;*/} #primary-block-alt nav.ivc-explore h2 {border-top: 8px solid #C63884;} #primary-block-alt nav.ivc-happenings a{max-width:100%} #primary-block-alt nav.ivc-news a{max-width:99%} #primary-block-alt nav.ivc-explore a{max-width:99%} #primary-block-alt nav a{font-family:'Roboto', 'Open Sans', Arial, sans-serif} #primary-block-alt nav.ivc-news a.AERSlink {text-overflow: ellipsis; font-size:12pt; line-height:2em;} #primary-block-alt nav.ivc-news span .AERStitle {width:95%} #highlight-block-alt {background: #fff none repeat scroll 0 0; border-top:8px solid #93A7C0 ; border-bottom:1px solid #93A7C0 ; margin-top:1%; overflow:hidden; padding:1% 0;/* box-shadow: 0px 1px 4px;*/ width:100%; margin-bottom:1%} #highlight-block-alt img {margin-bottom:-3pt;/* width:100%; height:auto; max-height:100px!important*/} #highlight-block-alt .highlight-zero-right-pad img {margin-bottom:-3pt; max-width:200px; max-height:100px} .highlight-alt{/*box-sizing:border-box;*/margin:0 1% 0 0; position:relative; width:15%; background:none; text-align:center} .highlight-alt-caption{text-decoration:none!important; background: none repeat scroll 0 0; color:#000; font-size:1em!important; font-weight:500!important; margin:0; padding:6px 0!important; text-align:center; width:100%; text-decoration:none; text-shadow:none;} p.highlight-alt-caption {text-decoration:none!important} .highlight-shim-left{margin-left:3%} #highlight-subblock-alt {background: #fff none repeat scroll 0 0; border-top:8px solid #B3C50E ; margin-top:1%; overflow:hidden; padding:1% 0;/* box-shadow: 0px 1px 4px;*/ width:100%;} #highlight-subblock-alt img {margin-bottom:-3pt; width:100%; height:auto; max-height:100px!important} #highlight-subblock-alt .highlight-zero-right-pad img {margin-bottom:-3pt; max-width:200px; max-height:100px} .highlightsub-alt{/*box-sizing:border-box;*/margin:0 2% 0 0; position:relative; width:13%; background:none; text-align:center} .highlightsub-shim-left{margin-left:3%} .highlightsub-caption{text-decoration:none!important; color:black; font-size:1em!important; font-weight:500!important; margin:0; padding:6px 0!important; text-align:center; width:100%; text-shadow:none;} #breakout-block-alt{padding-top:0;} #breakout-block-alt nav{display:inline; float:left; margin:0; width:50%; box-sizing:border-box;} #breakout-block-alt nav h2 { border-bottom: 7px solid #C9DBE5;font-size: 3rem; font-weight: 600;line-height:1; text-shadow: 1px 2px 1px rgba(0, 0, 0, 0.3);padding :0; color:#fff ;padding-bottom:3%; margin-bottom:4%} #breakout-block-promo-alt{padding-top:5%!important; padding-bottom:4%!important} #breakout-block-promo-alt nav{display:inline; float:left; margin:0; width:50%; box-sizing:border-box;} #breakout-block-promo-alt nav h2 { border-bottom: 5px solid #C9DBE5;font-size: 3rem; font-weight: 600;line-height:1;text-shadow: 1px 2px 1px rgba(0, 0, 0, 0.3); padding:0; color:#fff ;padding-bottom:3%; margin-bottom:4%} .breakout-text-overlay-alt {z-index:100; margin:0 auto; padding-top:12%; width:85%; text-align:center; font-size:0.95em; letter-spacing:0.02em; text-shadow:none;} .breakout-text-overlay-alt H4 {margin-bottom:5%} .breakout-text-overlay-alt p {margin-bottom:7%!important ; color:#fff} .breakout-wrap-alt{padding:0 0 1% 0; margin-top:0%; background-color: #C9DBE5} .breakout-wrap-promo-alt{/*padding:0 0 1% 0;*//* padding-bottom:1%; margin-bottom:1%!important;*/ /*background-color: #93A7C0;*//*background: #C9DBE5; /*background: linear-gradient(to top, rgba(0,71,137,0), rgba(0,71,137,1));*/ /* Standard syntax (must be last) */;/*background: linear-gradient(to top, rgba(0,146,209,0), rgba(0,146,209,1)); /* Standard syntax (must be last) */} .ivc-schedule-image-alt{background-image: url("http://www.ivc.edu/IVCBase/img/layout/18/ivc18-schedule-crop.png")} .ivc-catalog-image-alt {background-image:url("http://www.ivc.edu/IVCBase/img/layout/18/ivc18-catalog-crop.png")} .ivc-best-image-alt {background-image:url("http://www.ivc.edu/IVCBase/img/layout/18/ivc18-explore-crop.png")} .ivc-transfer-image-alt {background-image:url("http://www.ivc.edu/IVCBase/img/layout/18/ivc18-transfer-crop.png") } .ivc-schedule-image-alt, .ivc-catalog-image-alt, .ivc-best-image-alt, .ivc-transfer-image-alt {background-repeat:no-repeat; background-size:cover; padding-bottom:1%; width:100%; max-width:100% } .ivc-schedule-image-alt, .ivc-best-image-alt{float:right } .ivc-transfer-image-alt, .ivc-catalog-image-alt{float:left } /* Main Content: ALTERNATE Block --CUSTOM-- -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- */ #news-image-display{} #news-image-display .AEBlogTitle{} #news-image-display .AEBLfooter{display:none} #news-image-display .AEBlogPicture img { width:450px!important; height:300px; display:block } #news-title-display{} #news-title-display .AEBlogPicture{Display:none} #news-list-title-display{ background-color:silver; height:auto; width:100%} #primary-block-alt-news nav .submenu LI {background-color:transparent} #sub-block-alt{min-height:16em; width:100%; border-top:8pt #C63884 solid; position:relative; clear:both; box-sizing:border-box; padding-top:2.5%} .leftblock{min-height:16em; padding:10pt; background-color:#93A7C0; width:33.3%; float:left; position:relative; box-sizing: border-box} .centerblock{min-height:16em; padding:10pt; background-color:#ccc; width:33.3%; position:relative; box-sizing: border-box} .rightblock{min-height:16em; padding:10pt; background-color:#C9DBE5 ; width:33.3%; position:relative;box-sizing: border-box; line-height:1.4em} /* Footer Content: Footer Navigation Block -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- */ #footer-nav-block{margin-left:auto; margin-right:auto; background-color:#163A74} .footer-nav-container{margin:0 auto;} #footer-nav-block nav{box-sizing:border-box; display:inline; float:left; margin:2% 1% 0 1%; width:17%} #footer-nav-block nav h3, H3.footerH3 { border-bottom: 4px solid #C9DBE5;font-size: 1.1em;font-weight: normal;line-height: 1;padding: 0.8em 0;text-transform: uppercase; color:#A4A4A5; margin-bottom:0.8em; letter-spacing:0.01em} #footer-nav-block UL.footermenu LI A {font-size:0.75em; color:#fff; display:block; padding: 2px 10px 2px 0px; text-decoration:none; letter-spacing:0.02em} .ivc-logo-footer {padding-left:10%; text-align:center} .ivc-logo-footer a{ text-indent: -9999px; background-image: url('http://www.ivc.edu/IVCBase/img/layout/18/4C-logo-45w.png'); /*max-width:300px;*/ min-height:45px; /*height:53px;*/ margin:5pt auto; display:block; background-size: contain; background-repeat: no-repeat; top:0; left:0;} /* Footer: Location Block ALT -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- */ #location-block-alt {text-align:center; padding-top:0; padding-left:1%; background-color:#163A74; width:40%; float:left} #location-block-alt h2{display:none;} #location-block-alt p, #location-block span{color:#fff; font-size:0.875em!important; margin-top:0.25em; letter-spacing:0.05em ; font-family:roboto; text-align: left; padding-left:2%} #location-block-alt span {margin:5% 0;text-align: center; padding-right:40%} .locationmenu a { color:#fff; font-size:0.8em} /* Footer Content: Footer Navigation Block ALT -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- */ #footer-nav-block-alt{margin-left:auto; margin-right:auto; background-color:#163A74; float:right; width:59%} .footer-nav-container{margin:0 auto;} #footer-nav-block-alt nav{box-sizing:border-box; display:inline; float:left; margin:2% 1% 0 1%; width:30%} #footer-nav-block nav-alt h3, H3.footerH3 { border-bottom: 4px solid #C9DBE5;font-size: 1.1em;font-weight: normal;line-height: 1;padding: 0.8em 0;text-transform: uppercase; color:#A4A4A5; margin-bottom:0.8em; letter-spacing:0.01em} #footer-nav-block-alt UL.footermenu LI A {font-size:.875em; color:#fff; display:block; padding: 2px 10px 2px 0px; text-decoration:none; letter-spacing:0.02em} /* Footer: Extra Block -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- */ #footer-utility-block { text-align:right} #footer-utility-block ul li {display:inline-block; padding:.25em 1em} #footer-utility-block ul li a {text-decoration:none;letter-spacing:0.02em; font-family:roboto; font-size:0.8em; text-align:right; color:#fff } /* Footer: Right Block -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- */ /* Main Content: Social Media Block-ALT -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- */ #social-media-block-alt{ margin:0% auto;} #social-media-block-alt h2{ color:#fff; font-weight:700; text-transform:capitalize; padding:10px 0; display:block; letter-spacing:0.075em; text-align:center;letter-spacing:0.05em; font-family:'Roboto', 'Open Sans', sans-serif !important} #social-media-block-alt nav { margin:0 auto; width:100%} #social-icons-nav-alt {text-align:center; margin-left:0; left:0; margin-right:auto} .icon-shim{padding-left:0} #social-icon-alt{text-align:center; margin-top:1%} .sm-icon{box-sizing:border-box; float:left; padding:4% 1%; position:relative; margin-left:auto; margin-right:auto; text-align:center; font-size:100%} .sm-caption { font-size:0.625em; color:#CCC; text-indent:-99999px; text-align:center} #social-icons-alt .sm-caption P{ padding-bottom:0px!important} /* Main Content: Copyright Block -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- */ #copy-right-block{text-align:center; color:#fff; font-size:0.75em; /*margin-top:1em*/} #copy-right-block DIV{text-align:left; color:#fff; font-size:0.75em; /*margin-top:1em*/; font-size:1em; margin:0.5em 0 0 1em} .copyright-menu a{color:#CCC; text-decoration:none} /* ACTIVE CALENDAR: Event Calendar Display Style -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- */ .a-cal-display{ box-sizing: border-box; display:inline-block; padding:0; clear:both; font-size:12pt; margin:0.25em 0 0.50em 0; width:100%} .a-cal-daydate{ float:left; padding:0 10pt 0 1pt; margin-right:10pt; border-right:thin /*#A9C85A #FF7505*/ #87B4CC solid; font-family:'Roboto', 'Open Sans', sans-serif !important; text-align:center } .a-cal-day{ display:block; font-weight:700; font-size:125%; color:#004987; font-family:'Roboto', 'Open Sans', Arial, sans-serif !important; text-align:center;padding-bottom:3pt } .a-cal-month{display:block ;text-align:center; font-size:100%; font-weight:100} .a-cal-titleblock{display:block; font-family:'Roboto', 'Open Sans', Arial, sans-serif !important; font-size:100% } .a-cal-title{display: table-cell; font-weight:normal!important; padding:0!important; vertical-align:middle; margin-top:0!important; font-family:'Roboto', 'Open Sans', sans-serif !important ; font-weight:100;} .a-cal-link{ display:table-cell; font-family:'Roboto', 'Open Sans', sans-serif !important ; font-weight:normal; vertical-align:middle; padding:0!important} .a-cal-loctime{ display:table-cell; font-family:'Roboto', 'Open Sans', sans-serif !important ; font-weight:normal; vertical-align:middle; padding:0!important} /* PRETTY BUTTONS -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- */ #buttons ul{margin:0; padding:3pt; list-style-type:none;;} #buttons ul li{display:inline; left:0; margin-left:7pt!important} .btn:link, #explore-content .btn:link { background: #3498db; background-image: -webkit-linear-gradient(top, #3498db, #2980b9); background-image: -moz-linear-gradient(top, #3498db, #2980b9); background-image: -ms-linear-gradient(top, #3498db, #2980b9); background-image: -o-linear-gradient(top, #3498db, #2980b9); background-image: linear-gradient(to bottom, #3498db, #2980b9); -webkit-border-radius: 3; -moz-border-radius: 3; border-radius: 3px; text-shadow: 0px 1px 3px #666666; font-family: Arial; color: #fff; font-size: 12pt; padding: 5px 10px 5px 10px; text-decoration: none; white-space:nowrap } .btn:visited, #explore-content .btn:visited { background: #3498db; background-image: -webkit-linear-gradient(top, #3498db, #2980b9); background-image: -moz-linear-gradient(top, #3498db, #2980b9); background-image: -ms-linear-gradient(top, #3498db, #2980b9); background-image: -o-linear-gradient(top, #3498db, #2980b9); background-image: linear-gradient(to bottom, #3498db, #2980b9); text-decoration: none; color:#fff; white-space:nowrap } .btn:hover, #explore-content .btn:hover { background: #3cb0fd; background-image: -webkit-linear-gradient(top, #3cb0fd, #3498db); background-image: -moz-linear-gradient(top, #3cb0fd, #3498db); background-image: -ms-linear-gradient(top, #3cb0fd, #3498db); background-image: -o-linear-gradient(top, #3cb0fd, #3498db); background-image: linear-gradient(to bottom, #3cb0fd, #3498db); text-decoration: none; color:#fff; white-space:nowrap } .btn:active, #explore-content .btn:active { background: #3498db; background-image: -webkit-linear-gradient(top, #3498db, #2980b9); background-image: -moz-linear-gradient(top, #3498db, #2980b9); background-image: -ms-linear-gradient(top, #3498db, #2980b9); background-image: -o-linear-gradient(top, #3498db, #2980b9); background-image: linear-gradient(to bottom, #3498db, #2980b9); text-decoration: none; color:#000; white-space:nowrap } /* PRETTY BUTTONS: HOME PAGE -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- */ #buttons ul{margin:0; padding:3pt; list-style-type:none;;} #buttons ul li{display:inline; left:0; margin-left:7pt!important} .btn-alt:link{ background: transparent; -webkit-border-radius: 3; -moz-border-radius: 3; border-radius: 3px; text-shadow: 0px 1px 3px #666666; font-family: Arial; color: #fff; font-size: 18pt; padding: 5px 10px 5px 10px; text-decoration: none; white-space:nowrap; border: 1pt silver solid; } .btn-alt:visited { background: #3498db; background-image: -webkit-linear-gradient(top, #3498db, #2980b9); background-image: -moz-linear-gradient(top, #3498db, #2980b9); background-image: -ms-linear-gradient(top, #3498db, #2980b9); background-image: -o-linear-gradient(top, #3498db, #2980b9); background-image: linear-gradient(to bottom, #3498db, #2980b9); text-decoration: none; color:#fff; white-space:nowrap } .btn-alt:hover { background: #3cb0fd; background-image: -webkit-linear-gradient(top, #3cb0fd, #3498db); background-image: -moz-linear-gradient(top, #3cb0fd, #3498db); background-image: -ms-linear-gradient(top, #3cb0fd, #3498db); background-image: -o-linear-gradient(top, #3cb0fd, #3498db); background-image: linear-gradient(to bottom, #3cb0fd, #3498db); text-decoration: none; color:#fff; white-space:nowrap } .btn-alt:active{ background: #3498db; background-image: -webkit-linear-gradient(top, #3498db, #2980b9); background-image: -moz-linear-gradient(top, #3498db, #2980b9); background-image: -ms-linear-gradient(top, #3498db, #2980b9); background-image: -o-linear-gradient(top, #3498db, #2980b9); background-image: linear-gradient(to bottom, #3498db, #2980b9); text-decoration: none; color:#000; white-space:nowrap } /* PRETTY BUTTONS: Homepage Utility Nav -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- */ .white {color:white} .icon-shim {padding: 2pt 0 0 2pt;} .short-icon-125 {} #button .fa{ display: inline-block; font: normal normal 145%/1em FontAwesome!important; font-size: inherit; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale } /*#button .fas, #button .fa{ display: inline-block; font: normal normal 145%/1em "Font Awesome 5 Free"!important; font-size: inherit; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale }*/ #button .fa-fw, #button .fa-school{ width:2em; color: #ccc} #button .fa-school{font-size:145%; text-align:center} #button-container{ position:relative; /*left:40%;*/ width:100%; min-width:127px; max-width:/*203px;*/17.333%; height:35px; display:inline-block; float:left; margin: 2% 1% 4% 1% } #button{ position: absolute; top: 2px; left: 2px; width:100%; min-width:100px; max-width:199px; height:34px; margin:0px auto; -webkit-border-radius:7px; -moz-border-radius:7px; border-radius:7px; cursor:pointer; padding-top:3px; border: thin #A4A4A5 solid; } #button a{text-decoration:none; color: white; vertical-align:middle; font-family:'Roboto','Open Sans', Arial, sans-serif; font-weight:300; font-size:1em } #button a:hover{text-decoration:none; color: /*#A9C85A;*/#ccc; vertical-align:middle } #button span:hover{color: #ccc} #button span{padding-top: 0.25em;margin-left:0px; font-size:1.1em; left:0; display:block} #button-container:hover {} /*Colors*/ .blue-btn{background: #0092D1;} /* LAYOUT PAGE: Full and NAV ONLY -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- */ #banner{margin-top:/*7.25em*/6.96em} #content{min-height:54em} #left-container { margin-right:2%!important; width: 24%} p{ font: normal 100%/1.8em "Roboto", Open Sams, sans-serif !important;; padding:1% 0; font-weight:300} .welcome-content ul li {line-height:1.8em} /* Main Content: WEBPARTS -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- */ .AERS {padding:0!important} .AERStitle {font-weight:normal!important; padding-left:0} .hp-slideshow{ margin-top:8.5%} .hp-slideshow .AEBannerContainer {min-height:300px;} /* Desktop Responsive Fixes -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- */ @media only screen and (max-width: 767px) { .dropdown-menu {left:-310px; padding:7px!important} } @media only screen and (max-width:1279px) and (min-width:320px), only screen and (max-width:1279px) and (min-width:650px) { #primary-nav-right-alt #nav {left:12%} .ivc-logo a {margin-bottom:0; margin-left:5pt; width:112%} .hp-slideshow .AEBannerContainer {min-height:300px;} .video-viewport {margin-top:20%;} body #s4-ribbonrow {top:10%;} #primary-nav-left {width:40%} #primary-nav-left H1{font-size:300%; padding-left:3%;} .grid figure .effect-apollo{max-width:275px}*/ #button-container{position:relative;width:100%; min-width:127px;max-width:173px; margin:2% 0.25% 4% 0.5%} #button{height:30px;} #button a{ font-size:.875em} #button-container-short { position: relative; width: 100%; min-width: 127px; max-width: 173px!important; margin-left:0!important; margin-right:1%!important; } .sports-btn{margin-right:1%!important} } /* MOBILE CSS: Media Queries -- -- -- -- -- -- -- -- -- -- -- -- -- -- -- */ /* MOBILE CSS: iPad Pro 12.9*/ @media only screen and (min-device-width: 1024px) and (max-device-width: 1366px) and (orientation : landscape) { } @media only screen and (min-device-width: 1024px) and (max-device-width: 1366px) and (orientation : portrait) { } /* MOBILE CSS: iPad Pro 10.5*/ @media only screen and (min-device-width: 834px) and (max-device-width: 1112px) and (orientation : landscape) { } @media only screen and (min-device-width: 834px) and (max-device-width: 1112px) and (orientation : portrait) { } /* MOBILE CSS: iPad Air/2, iPad Mini 2/3/4, iPad 3/4, iPad Pro 9.7 */ @media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape) { .ivc-logo a {margin-bottom:0; margin-left:5pt} .hp-slideshow .AEBannerContainer {min-height:300px;} .video-wrapper{/*top:0*/} .video-viewport {margin-top:25%;} .video-viewport .subheader-inner{} #primary-nav-left {width:40%} #primary-nav-left H1{font-size:300%} #primary-block nav .submenu li{ border-top: 1px solid #E2E2E2; list-style-image:url('http://www.ivc.edu/IVCBase/img/layout/blue-arrow.png'); list-style-position: inside; padding:7pt 0 ; white-space:nowrap;overflow:hidden; text-overflow:ellipsis; font-weight:normal;/*max-width:317px*/} #primary-block-alt nav .submenu li{max-width:100%} #ivc-happenings li{} #ivc-news li {width:30em} #ivc-explore li{width:100%} .submenu{ /*max-width:317px!important*/} #ivc-happenings{} .ivc-happenings{} .ivc-happenings-container{ } #ivc-news{} .ivc-news{} .ivc-news-container {} #ivc-explore{} .ivc-explore{} .ivc-explore-container{max-width:317px} .breakout-text-overlay{width:85%} p.breakout-text {font: normal normal 85%/1.5em 'Roboto', 'Open Sans', sans-serif; padding:5pt 0pt !important} #social-icon {text-align:center; margin-top:1%; width:40%} .mIconTrim { max-width:7em!important} /*Highlight Box*/ figure.effect-apollo img, figure.effect-winston img {width:320px!important; height:100%} #button-container-short { position: absolute; width: 100%; min-width: 110px!important; max-width: 173px!important; margin-left:0!important; margin-right:1%!important; } .sports-btn{margin-right:1%!important} .give-btn {margin-left:0} } @media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation : portrait) { #main-content{overflow-x: hidden} .ivc-logo a {margin-bottom:0; margin-left:5pt} .video-wrapper{top:0%} .video-viewport {margin-top:25%;} .video-viewport .subheader-inner{} #primary-nav-left {width:40%} #primary-nav-left H1{font-size:150%} #primary-nav a {font-size:1em} #ivc-happenings li{} #ivc-news li {width:22.5em} #ivc-explore li{width:100%} #breakout-block nav{display:inline; float:left; margin:0 1%; width:48%; box-sizing:border-box;} #breakout-block nav h2 { border-bottom: 7px solid #C9DBE5;font-size: 1.9rem; font-weight: 600;line-height: 1;padding:0; color:#fff ;padding-bottom:10%; margin-bottom:10%} #breakout-block-promo nav h2 { border-bottom: 7px solid #C9DBE5;font-size: 1.9rem; font-weight: 600;line-height: 1;padding:0; color:#fff ;padding-bottom:10%; margin-bottom:10%} .breakout-text-overlay{width:85%} p.breakout-text {font: normal normal 85%/1.5em 'Roboto', 'Open Sans', sans-serif; padding:5pt 0pt !important} #primary-block nav .submenu li{ border-top: 1px solid #E2E2E2; list-style-position: inside; padding:7pt 0 ; white-space:nowrap;overflow:hidden; text-overflow:ellipsis; font-weight:normal} #primary-block-alt nav .submenu li{max-width:100%} #primary-block-alt nav .submenu a{padding-top:0} .submenu{ /*max-width:238px*/} #ivc-happenings{} .ivc-happenings{} .ivc-happenings-container{} #ivc-news{} .ivc-news{} .ivc-news-container {} #ivc-explore{} .ivc-explore{} .ivc-explore-container{max-width:238px} .btn-alt:link{font-size: 14pt; padding: 5px 10px 5px 10px;} #location-block-alt p{left:0; text-align:center} #location-block-alt span{padding-right:0} #social-icon {text-align:center; margin-top:1%; width:40%} #social-icons-nav-alt {margin-left:1%;} .sm-icon {padding: 4% 0.25%} #button-container{position:relative;width:100%; min-width:110px;max-width:17.333%; margin:2% 0.25% 4% 0.5%} #button{height:30px;} #button a{ font-size:.875em} .mIconTrim { max-width:3em!important;} footer#copyright{min-height:3em} #copy-right-block DIV{padding-top:0.5em} #button-container-short { position: relative; width: 100%; min-width: 120px; max-width: 173px!important; margin-left:0!important; margin-right:1%!important; } .sports-btn{margin-right:1%!important} } /* MOBILE CSS: iPhone X*/ @media only screen and (min-device-width: 375px) and (max-device-width: 812px) and (orientation : landscape) and (-webkit-device-pixel-ratio : 3) { .content {padding: 0 10px; text-align: center;} .grid { padding:0;} .grid figure { display: inline-block; float: none; margin: 10px auto; width: 100%; min-width: 150px!important; max-width: 250px!important; max-height: 175px!important; } figure.effect-apollo h2, figure.effect-winston h2 {font-size:130%} .grid figure.effect-apollo, .grid figure.effect-winston{width:320px!important} figure.effect-winston p {position: absolute; right: 3%; bottom: 29%; padding: 0 1em 3% 0; } #social-icon {text-align:center; margin-top:1%; width:40%} #social-icons-nav-alt {margin-left:1%;} #button-container{position:relative;width:100%; min-width:127px;max-width:173px; margin:2% 0.25% 4% 0.5%} #button{height:30px;} #button a{ font-size:.875em} .mIconTrim { max-width:5em!important;} } @media only screen and (min-device-width: 375px) and (max-device-width: 812px) and (orientation : portrait) { #button-container-short { position: relative; width: 100%; min-width: 127px; max-width: 173px!important; margin-left:0!important; margin-right:1%!important; } .sports-btn{margin-right:1%!important} } /* MOBILE CSS: iPhone Plus (6/s,7/s,8/s)*/ @media only screen and (min-device-width: 414px) and (max-device-width: 736px) and (orientation : landscape) { #primary-nav-right-alt{ position:relative; float:none; left:0; width:73%; font-family:'Roboto', 'Open Sans', sans-serif; /*padding-top:2%*/} #button-container{position:relative;width:100%; min-width:50px; max-width:105px; margin:2%} #button {min-width: none; max-width:none} .ivc-logo a {margin-bottom:0; margin-left:5pt; width:112%} } @media only screen and (min-device-width: 414px) and (max-device-width: 736px) and (orientation : portrait) { #secondary-nav UL.menu LI A {padding-left:0.95em!important; font-size:0.875em } .dropdown-menu{left:-305px} #primary-nav {/*display: none*/} #main-content{overflow-x: hidden} #primary-block nav H2 { width:70%} nav.ivc-explore { width:100%} #ivc-happenings li{width:70%} #ivc-news li {width:70%} #ivc-explore li{width:70%} #ivc-catalog{ margin-bottom:2%} p.breakout-text {font: normal normal 80%/1.4em 'Roboto', 'Open Sans', sans-serif; padding:5pt 0pt !important} #footer-nav-block{ display:none} #social-media-block nav {width:70%} .sm-icon{} #button-container-short { position: relative; width: 100%; min-width: 127px; max-width: 173px!important; margin-left:0!important; margin-right:1%!important; } .sports-btn{margin-right:1%!important} } /* MOBILE CSS: iPhone (6/s,7/s,8/s)*/ @media only screen and (min-device-width: 375px) and (max-device-width: 667px) and (orientation : landscape) { #primary-nav-right-alt{ position:relative; float:none; left:0; width:73%; font-family:'Roboto', 'Open Sans', sans-serif; /*padding-top:2%*/} } @media only screen and (min-device-width: 375px) and (max-device-width: 667px) and (orientation : portrait) { .mTitle {} #primary-nav { background-color:#004789; width:100%; z-index:100; /*box-shadow: 0px 2px 12px #000*/ } #primary-nav-left{ z-index:101; position:relative; float:left; /*float:right;--Change to swap Mobile Nav*/ z-index:10; padding-bottom:0%; width:80%!important} #primary-nav-right, #primary-nav-right-alt{ position:relative; /*float: none;--Enable to swap Mobile Nav*/ left:0; width:100%; font-family:'Roboto', 'Open Sans', Arial, sans-serif; /*padding-top:2%*/} #main-content-layout {max-width:100%; left:5px!important; background-color: transparent; min-height:0} .breakout-wrap-promo {background-color:#fff} section#primary-block .center-row{background:transparent!important} .dropdown-menu{left:-311px} #primary-nav {/*display: none*/} nav.ivc-happenings{width:95%!important; padding-left:1%} .a-cal-display{ padding-left:2%} #main-content{overflow-x: hidden} #footer-nav-block{ display:none} #location-block-alt{width:100%!important; padding-top:3%} #social-media-block nav {width:100%; margin-top:3%; padding-left:0} .sm-icon{ } #highlight-block{/*width:350px*/} #highlight-block img {width:168px; margin-top:1%} .highlight-caption {width:168px} #breakout-block-promo{padding-top:0;} #breakout-block-promo nav h2, #breakout-block nav h2{font-size:1.7rem; padding-bottom:7%; margin-bottom:7%; text-shadow: 1px 2px 1px rgba(0, 0, 0, 0.3);} #breakout-block-promo .btn-alt, #breakout-block .btn-alt{font-size:1rem; font-weight:600; background-color:#3498db; font-family: roboto; border:none;} #breakout-block .btn-class{color:black; border-color:black} #secondary-nav UL.menu LI A {padding-left:0.250em!important; font-size:1em } #secondary-nav UL.menu LI { padding-top:10px!important; padding-bottom:10px!important} #primary-block nav {left:10px; background-color:#fff} #primary-block nav .submenu li{ border-top: 1px solid #E2E2E2; list-style-image:url('http://www.ivc.edu/IVCBase/img/layout/blue-arrow.png'); list-style-position: inside; padding:7pt 0 ; white-space:nowrap;overflow:hidden; text-overflow:ellipsis; min-width:350px; max-width:350px!important; font-weight:normal} .submenu{min-width: 350px; max-width :350px} #ivc-happenings{} .ivc-happenings{} .ivc-happenings-container{min-width: 350px; max-width :350px!important} #ivc-news{} .ivc-news{} .ivc-news-container {min-width: 350px; max-width :350px!important} #ivc-explore{} .ivc-explore{} .ivc-explore-container{min-width: 350px; max-width :350px!important} #primary-block nav.ivc-explore h2 {max-width: 350px;} .breakout-text-overlay{width:85%; padding-top:5%} .breakout-wrap{ background-color:#fff} p.breakout-text {font: normal normal 80%/1.5em 'Roboto', 'Open Sans', sans-serif; padding:5pt 0pt !important; text-align:center!important} .ivc-schedule-image, .ivc-best-image, .ivc-catalog-image, .ivc-transfer-image {min-width:355px!important;} .ivc-catalog, .ivc-best, .ivc-transfer, .ivc-schedule {height:175px; margin-bottom:1%; border:thick white solid; overflow:hidden;} .ivc-schedule-image{background-image: url("http://www.ivc.edu/IVCBase/img/layout/18/ivc18-schedule-mobile.png"); background-repeat:no-repeat; background-size:cover; padding-bottom:10%;} .ivc-transfer-image {background-image:url("http://www.ivc.edu/IVCBase/img/layout/18/ivc18-transfer-mobile.png"); background-repeat:no-repeat; background-size:cover; padding-bottom:10%;} .ivc-best-image{background-image: url("http://www.ivc.edu/IVCBase/img/layout/18/ivc18-explore-mobile.png"); background-repeat:no-repeat; background-size:cover; padding-bottom:10%;} .ivc-catalog-image {background-image:url("http://www.ivc.edu/IVCBase/img/layout/18/ivc18-catalog-mobile.png"); background-repeat:no-repeat; background-size:cover; padding-bottom:10%;} nav.ivc-catalog.columns{margin-top:5px !important} #footer-nav-block-alt{width:100%!important; float:none; clear:both} #footer-nav-block-alt nav{width:31.3333%!important} H3.footerH3 { font-size:14pt; padding-left:2%} ul.footermenu li{font-size:12pt; padding:2% 0; padding-left:1%} #copy-right-block DIV {text-align:center; font-size:1.2em; padding:1% 0} #footer-utility-block{width:100%!important} #footer-utility-block ul li {padding:1em .5em 1em .25em } #footer-utility-block ul li a{font-size:0.90em} .grid figure {max-height:200px!important} #button-container{position:relative;width:100%; min-width:127px;max-width:170px;} #button{height:30px;} #button a{} #button-container-short { position: relative; width: 100%; min-width: 127px; max-width: 173px!important; margin-left:0!important; margin-right:1%!important; } .sports-btn{margin-right:1%!important} } /* MOBILE CSS: iPhone (5/SE)*/ @media only screen and (min-device-width: 320px) and (max-device-width: 568px) and (orientation : landscape) { } @media only screen and (min-device-width: 320px) and (max-device-width: 568px) and (orientation : portrait) { #main-content{overflow-x: hidden} #footer-nav-block{ display:none} #social-media-block nav {width:100%} .sm-icon{ } } /* MOBILE CSS: Samsung S6/EDGE*/ @media screen and (device-width: 414px) and (device-height: 732px) and (orientation: landscape) { } @media screen and (device-width: 414px) and (device-height: 732px) and (orientation: portrait) { } /* MOBILE CSS: Samsung S3-7/EDGE*/ @media screen and (device-width: 360px) and (device-height: 640px) and (orientation: landscape) { } @media screen and (device-width: 360px) and (device-height: 640px) and (orientation: portrait) { #secondary-nav UL LI{display:inline-block; padding:0pt!important} .dropdown-menu {left:-310px; padding:7px!important} } } /* MOBILE CSS: Samsung S8/EDGE*/ @media screen and (device-width: 360px) and (device-height: 740px) and (orientation: landscape) { } @media screen and (device-width: 360px) and (device-height: 740px) and (orientation: portrait) { } /* ========================================================================== /* IE Media Queries 8/9/10/Edge ========================================================================== */ @media screen\0 { /*.ivc-logo a { text-indent: -9999px; background-image: url('http://www.ivc.edu/IVCBase/img/layout/18/4C-logo-IE.png'); max-width:300px; min-height:53px; height:53px; margin:5pt 0; display:block; background-size: contain; background-repeat: no-repeat; top:0; left:0; image-rendering: -moz-crisp-edges; image-rendering: -o-crisp-edges; image-rendering: -webkit-optimize-contrast; -ms-interpolation-mode: nearest-neighbor;}*/ } /* ========================================================================== BOOSTSTRAP MIN CSS ========================================================================== */ .visible-lg, .visible-md, .visible-sm, .visible-xs {display: none!important} .visible-lg-block, .visible-lg-inline, .visible-lg-inline-block, .visible-md-block, .visible-md-inline, .visible-md-inline-block, .visible-sm-block, .visible-sm-inline, .visible-sm-inline-block, .visible-xs-block, .visible-xs-inline, .visible-xs-inline-block {display: none!important} @media screen and (max-width:767px) { .visible-xs, .visible-xs-block {display: block!important} .visible-xs-inline, .visible-xs-inline-block {display: inline!important} table.visible-xs {display: table!important} tr.visible-xs {display: table-row!important} td.visible-xs, th.visible-xs {display: table-cell!important} }