/**********************************/ /*** Flexslider: All **/ /**********************************/ .flexslider { border: none; background: none; -webkit-border-radius: 0px; -moz-border-radius: 0px; -ms-border-radius: 0px; -o-border-radius: 0px; border-radius: 0px; -webkit-box-shadow: none; -moz-box-shadow: none; -o-box-shadow: none; box-shadow: none; margin-bottom: 0; } /********************************************/ /*** Flexslider Banner Slidershows **/ /*** Home, College home, and Subsite pages **/ /********************************************/ #block-views-front-page-slideshow-block-flex .flexslider, .field-name-field-slideshow-field-collection .flexslider, .field-name-field-slideshow .flexslider { position: relative; } #block-views-front-page-slideshow-block-flex .flexslider .flex-control-paging, .field-name-field-slideshow-field-collection .flexslider .flex-control-paging, .field-name-field-slideshow .flexslider .flex-control-paging { float: right; position: relative; bottom: 0; width: auto; text-align: left; right: 10px; top: 5px; } #block-views-front-page-slideshow-block-flex .flexslider .flex-control-paging li, .field-name-field-slideshow-field-collection .flexslider .flex-control-paging li, .field-name-field-slideshow .flexslider .flex-control-paging li { margin: 0; } #block-views-front-page-slideshow-block-flex .flexslider .flex-control-paging li a, .field-name-field-slideshow-field-collection .flexslider .flex-control-paging li a, .field-name-field-slideshow .flexslider .flex-control-paging li a { border: none; border-radius: 0; -webkit-border-radius: 0; -o-border-radius: 0; -webkit-box-shadow: none; -moz-box-shadow: none; -o-box-shadow: none; box-shadow: none; background: url("../images/slideshow-pager_new.png") no-repeat scroll 0 0 transparent; width: 15px; height: 15px; margin: 2px; padding: 0; } #block-views-front-page-slideshow-block-flex .flexslider .flex-control-paging li a.flex-active, #block-views-front-page-slideshow-block-flex .flexslider .flex-control-paging li a:hover, .field-name-field-slideshow-field-collection .flexslider .flex-control-paging li a.flex-active, .field-name-field-slideshow-field-collection .flexslider .flex-control-paging li a:hover, .field-name-field-slideshow .flexslider .flex-control-paging li a.flex-active, .field-name-field-slideshow .flexslider .flex-control-paging li a:hover { background: url("../images/slideshow-pager_new.png") no-repeat scroll 0 -15px transparent; } #block-views-front-page-slideshow-block-flex .flexslider ul.flex-direction-nav, .field-name-field-slideshow-field-collection .flexslider ul.flex-direction-nav, .field-name-field-slideshow .flexslider ul.flex-direction-nav { position: absolute; top: 40%; width: 100%; } #block-views-front-page-slideshow-block-flex .flexslider ul.flex-direction-nav .flex-prev, #block-views-front-page-slideshow-block-flex .flexslider ul.flex-direction-nav .flex-next, .field-name-field-slideshow-field-collection .flexslider ul.flex-direction-nav .flex-prev, .field-name-field-slideshow-field-collection .flexslider ul.flex-direction-nav .flex-next, .field-name-field-slideshow .flexslider ul.flex-direction-nav .flex-prev, .field-name-field-slideshow .flexslider ul.flex-direction-nav .flex-next { height: 80px; width: 40px; opacity: 0.7; position: absolute; } #block-views-front-page-slideshow-block-flex .flexslider ul.flex-direction-nav .flex-prev:before, #block-views-front-page-slideshow-block-flex .flexslider ul.flex-direction-nav .flex-next:before, .field-name-field-slideshow-field-collection .flexslider ul.flex-direction-nav .flex-prev:before, .field-name-field-slideshow-field-collection .flexslider ul.flex-direction-nav .flex-next:before, .field-name-field-slideshow .flexslider ul.flex-direction-nav .flex-prev:before, .field-name-field-slideshow .flexslider ul.flex-direction-nav .flex-next:before { content: ""; } #block-views-front-page-slideshow-block-flex .flexslider:hover .flex-prev, .field-name-field-slideshow-field-collection .flexslider:hover .flex-prev, .field-name-field-slideshow .flexslider:hover .flex-prev { background: url("../images/slideshow-previous.png") no-repeat scroll 5px center white; border-radius: 0px 90px 90px 0px; -moz-border-radius: 0px 90px 90px 0px; -webkit-border-radius: 0px 90px 90px 0px; -webkit-transition: left .2s ease-in-out; -moz-transition: left .2s ease-in-out; -o-transition: left .2s ease-in-out; transition: left .2s ease-in-out; float: left; left: 10px; margin-left: -10px; } #block-views-front-page-slideshow-block-flex .flexslider:hover .flex-next, .field-name-field-slideshow-field-collection .flexslider:hover .flex-next, .field-name-field-slideshow .flexslider:hover .flex-next { background: url("../images/slideshow-next.png") no-repeat scroll 20px center white; border-radius: 90px 0 0 90px; -moz-border-radius: 90px 0 0 90px; -webkit-border-radius: 90px 0 0 90px; -webkit-transition: right .2s ease-in-out; -moz-transition: right .2s ease-in-out; -o-transition: right .2s ease-in-out; transition: right .2s ease-in-out; float: right; margin-right: 10px; right: -10px; } /* Responsive sizing for flexslider Prev & Next arrows */ @media only screen and (min-width: 600px) and (max-width: 767px) { #block-views-front-page-slideshow-block-flex .flexslider ul.flex-direction-nav .flex-prev, #block-views-front-page-slideshow-block-flex .flexslider ul.flex-direction-nav .flex-next, .field-name-field-slideshow-field-collection .flexslider ul.flex-direction-nav .flex-prev, .field-name-field-slideshow-field-collection .flexslider ul.flex-direction-nav .flex-next, .field-name-field-slideshow .flexslider ul.flex-direction-nav .flex-prev, .field-name-field-slideshow .flexslider ul.flex-direction-nav .flex-next { height: 60px; width: 30px; } #block-views-front-page-slideshow-block-flex .flexslider:hover .flex-prev, .field-name-field-slideshow-field-collection .flexslider:hover .flex-prev, .field-name-field-slideshow .flexslider:hover .flex-prev { background-size: 16px auto; background-position: 4px 50%; } #block-views-front-page-slideshow-block-flex .flexslider:hover .flex-next, .field-name-field-slideshow-field-collection .flexslider:hover .flex-next, .field-name-field-slideshow .flexslider:hover .flex-next { background-size: 16px auto; background-position: 10px 50%; } } @media only screen and (min-width: 360px) and (max-width: 599px) { #block-views-front-page-slideshow-block-flex .flexslider ul.flex-direction-nav .flex-prev, #block-views-front-page-slideshow-block-flex .flexslider ul.flex-direction-nav .flex-next, .field-name-field-slideshow-field-collection .flexslider ul.flex-direction-nav .flex-prev, .field-name-field-slideshow-field-collection .flexslider ul.flex-direction-nav .flex-next, .field-name-field-slideshow .flexslider ul.flex-direction-nav .flex-prev, .field-name-field-slideshow .flexslider ul.flex-direction-nav .flex-next { height: 50px; width: 25px; } #block-views-front-page-slideshow-block-flex .flexslider:hover .flex-prev, .field-name-field-slideshow-field-collection .flexslider:hover .flex-prev, .field-name-field-slideshow .flexslider:hover .flex-prev { background-size: 12px auto; background-position: 3px 50%; } #block-views-front-page-slideshow-block-flex .flexslider:hover .flex-next, .field-name-field-slideshow-field-collection .flexslider:hover .flex-next, .field-name-field-slideshow .flexslider:hover .flex-next { background-size: 12px auto; background-position: 10px 50%; } } @media only screen and (min-width: 0px) and (max-width: 359px) { #block-views-front-page-slideshow-block-flex .flexslider ul.flex-direction-nav .flex-prev, #block-views-front-page-slideshow-block-flex .flexslider ul.flex-direction-nav .flex-next, .field-name-field-slideshow-field-collection .flexslider ul.flex-direction-nav .flex-prev, .field-name-field-slideshow-field-collection .flexslider ul.flex-direction-nav .flex-next, .field-name-field-slideshow .flexslider ul.flex-direction-nav .flex-prev, .field-name-field-slideshow .flexslider ul.flex-direction-nav .flex-next { height: 40px; width: 20px; } #block-views-front-page-slideshow-block-flex .flexslider:hover .flex-prev, .field-name-field-slideshow-field-collection .flexslider:hover .flex-prev, .field-name-field-slideshow .flexslider:hover .flex-prev { background-size: 8px auto; background-position: 2px 50%; } #block-views-front-page-slideshow-block-flex .flexslider:hover .flex-next, .field-name-field-slideshow-field-collection .flexslider:hover .flex-next, .field-name-field-slideshow .flexslider:hover .flex-next { background-size: 8px auto; background-position: 10px 50%; } } /************************************/ /** Front Page Slider **/ /** Flexslider & Views Slideshow **/ /************************************/ #block-views-front-page-slideshow-block-flex, #block-views-front-page-slideshow-block { padding: 0 10px; position: relative; } #block-views-front-page-slideshow-block-flex .view-front-page-slideshow, #block-views-front-page-slideshow-block .view-front-page-slideshow { padding: 55px 0 20px 0; } @media only screen and (max-width: 600px) { #block-views-front-page-slideshow-block-flex .view-front-page-slideshow, #block-views-front-page-slideshow-block .view-front-page-slideshow { padding: 0px; } } #block-views-front-page-slideshow-block-flex .views-field-field-slideshow-image img, #block-views-front-page-slideshow-block .views-field-field-slideshow-image img { margin-bottom: 0; position: relative; } #block-views-front-page-slideshow-block-flex .views-field-field-title-text, #block-views-front-page-slideshow-block .views-field-field-title-text { background: url("../images/transparent-green_new.png") repeat scroll 0 0 transparent; bottom: 0; margin-left: 0; position: absolute; width: 100%; z-index: 1; color: #FFFFFF; font-family: "RobotoCondensed", Arial, sans-serif; text-decoration: none; } @media only screen and (min-width: 480px) { #block-views-front-page-slideshow-block-flex .views-field-field-title-text, #block-views-front-page-slideshow-block .views-field-field-title-text { min-height: 50px; } } @media only screen and (min-width: 600px) { #block-views-front-page-slideshow-block-flex .views-field-field-title-text, #block-views-front-page-slideshow-block .views-field-field-title-text { min-height: 60px; } } #block-views-front-page-slideshow-block-flex .views-field-field-title-text a, #block-views-front-page-slideshow-block .views-field-field-title-text a { color: #FFFFFF; font-family: "RobotoCondensed", Arial, sans-serif; text-decoration: none; } #block-views-front-page-slideshow-block-flex .views-field-field-title-text .field-content span, #block-views-front-page-slideshow-block .views-field-field-title-text .field-content span { float: left; width: 98%; padding-left: 10px; padding-right: 10px; padding-bottom: .5%; } #block-views-front-page-slideshow-block-flex .views-field-field-title-text .field-content .slideshow-title, #block-views-front-page-slideshow-block .views-field-field-title-text .field-content .slideshow-title { font-size: 28px; padding-top: .5em; padding-bottom: .5%; line-height: 1em; } #block-views-front-page-slideshow-block-flex .views-field-field-title-text .field-content .slideshow-subtitle, #block-views-front-page-slideshow-block .views-field-field-title-text .field-content .slideshow-subtitle { font-size: 20px; padding-top: .3em; padding-bottom: .5em; line-height: 1em; } @media only screen and (min-width: 0px) and (max-width: 599px) { #block-views-front-page-slideshow-block-flex .views-field-field-title-text, #block-views-front-page-slideshow-block .views-field-field-title-text { position: initial; background: none; } #block-views-front-page-slideshow-block-flex .views-field-field-title-text .field-content span, #block-views-front-page-slideshow-block .views-field-field-title-text .field-content span { float: none; display: block; } #block-views-front-page-slideshow-block-flex .views-field-field-title-text .field-content .slideshow-title, #block-views-front-page-slideshow-block .views-field-field-title-text .field-content .slideshow-title { font-size: 22px; } #block-views-front-page-slideshow-block-flex .views-field-field-title-text .field-content .slideshow-subtitle, #block-views-front-page-slideshow-block .views-field-field-title-text .field-content .slideshow-subtitle { font-size: 18px; } } @media only screen and (min-width: 0px) and (max-width: 479px) { #block-views-front-page-slideshow-block-flex .views-field-field-title-text .field-content .slideshow-title, #block-views-front-page-slideshow-block .views-field-field-title-text .field-content .slideshow-title { font-size: 20px; } #block-views-front-page-slideshow-block-flex .views-field-field-title-text .field-content .slideshow-subtitle, #block-views-front-page-slideshow-block .views-field-field-title-text .field-content .slideshow-subtitle { font-size: 16px; } } @media only screen and (min-width: 0px) and (max-width: 599px) { #block-views-front-page-slideshow-block-flex, #block-views-front-page-slideshow-block { background: url("../images/transparent-green.png") repeat scroll 0 0 transparent; } } /**********************************/ /** Front Page Slider **/ /** Flexslider only **/ /**********************************/ #block-views-front-page-slideshow-block-flex { margin-bottom: 0; } #block-views-front-page-slideshow-block-flex li { position: relative; } /************************************/ /** Slider Prev / Next Controls **/ /*** Front page and Subsite page **/ /************************************/ #block-views-front-page-slideshow-block .views-slideshow-controls-top { display: none; height: 0; position: absolute; top: 150px; width: 100%; z-index: 10; } #block-views-front-page-slideshow-block #views_slideshow_controls_text_previous_front_page_slideshow-block a, #block-views-front-page-slideshow-block #views_slideshow_controls_text_next_front_page_slideshow-block a { display: block; height: 90px; opacity: 0.8; filter: alpha(opacity=80); text-indent: -9999px; outline: none; width: 45px; } #block-views-front-page-slideshow-block #views_slideshow_controls_text_previous_front_page_slideshow-block a { background: url("../images/slideshow-previous.png") no-repeat scroll 5px center white; -moz-border-radius: 0 90px 90px 0; -webkit-border-radius: 0 90px 90px 0; border-radius: 0 90px 90px 0; float: left; } #block-views-front-page-slideshow-block #views_slideshow_controls_text_next_front_page_slideshow-block a { background: url("../images/slideshow-next.png") no-repeat scroll 25px center white; -moz-border-radius: 90px 0 0 90px; -webkit-border-radius: 90px 0 0 90px; border-radius: 90px 0 0 90px; float: right; margin-right: 20px; } /***********************************************************/ /*** Views Slideshow Specific **/ /*** (Remove once we switch completely to flexslider) **/ /***********************************************************/ #views_slideshow_controls_text_pause_front_page_slideshow-block { display: none; } /***********************************************************/ /*** Views Slideshow Pagers (Bottom) **/ /*** (Remove once we switch completely to flexslider) **/ /***********************************************************/ #block-views-front-page-slideshow-block .views-slideshow-controls-bottom { bottom: -5px; height: 0; position: absolute; right: 20px; width: 100%; z-index: 10; } #block-views-front-page-slideshow-block #widget_pager_bottom_front_page_slideshow-block { float: right; } #block-views-front-page-slideshow-block .views-slideshow-pager-field-item { float: left; width: auto; } #block-views-front-page-slideshow-block .views-slideshow-controls-bottom .views-slideshow-pager-field-item .views-content-counter { background: url("../images/slideshow-pager.png") no-repeat scroll 0 0 transparent; cursor: pointer; font-size: 0; float: left; height: 15px; margin: 2px; padding: 0; text-indent: -9999px; width: 15px; } #block-views-front-page-slideshow-block .views-slideshow-controls-bottom .views-slideshow-pager-field-item.active .views-content-counter { background: url("../images/slideshow-pager.png") no-repeat scroll 0 -15px transparent; } /**************************************************************/ /*** Subsite & College Slideshow (Flexslider) **/ /*** (Not for main homepage slider or any news carousels) **/ /*** Subsite: .field-name-field-slideshow-field-collection **/ /*** College: .field-name-field-slideshow **/ /**************************************************************/ .field-name-field-slideshow-field-collection, .field-name-field-slideshow { margin-bottom: 40px; } .field-name-field-slideshow-field-collection .flexslider .slides > li, .field-name-field-slideshow .flexslider .slides > li { /* Hide the slides before the JS is loaded. Avoids image jumping */ display: none; backface-visibility: hidden; -webkit-backface-visibility: hidden; } .field-name-field-slideshow-field-collection .flexslider .slides img, .field-name-field-slideshow .flexslider .slides img { max-width: none !important; margin: 0; } .field-name-field-slideshow-field-collection .flex-direction-nav a:before, .field-name-field-slideshow .flex-direction-nav a:before { font-family: "flexslider-icon"; font-size: 40px; display: inline-block; content: ''; } .field-name-field-slideshow-field-collection .flex-direction-nav a.flex-next:before, .field-name-field-slideshow .flex-direction-nav a.flex-next:before { content: ''; } /*****************************************/ /*** News Carousel **/ /*** Home and College home pages **/ /*****************************************/ .view-display-id-page_carousel_home { margin: 55px 0 30px; } .lt-ie9 .view-display-id-page_carousel_home { /* IE 8 Fix */ margin: 0 0 30px 0; } .view-display-id-page_carousel_home { background-color: transparent; } .view-display-id-college_carousel_block .view-content { padding: 20px 0 0; } .view-display-id-college_carousel_block .view-footer { padding-bottom: 20px; } .view-display-id-page_carousel_home a, .view-display-id-college_carousel_block a { border-bottom: none !important; } .view-display-id-page_carousel_home .flexslider, .view-display-id-college_carousel_block .flexslider { margin-bottom: 10px; } .view-display-id-page_carousel_home .flexslider ul.flex-direction-nav .flex-prev, .view-display-id-page_carousel_home .flexslider ul.flex-direction-nav .flex-next, .view-display-id-college_carousel_block .flexslider ul.flex-direction-nav .flex-prev, .view-display-id-college_carousel_block .flexslider ul.flex-direction-nav .flex-next { opacity: 0.7; position: absolute; color: #88c53f; text-shadow: none; } .view-display-id-page_carousel_home .flexslider ul.flex-direction-nav .flex-prev:before, .view-display-id-page_carousel_home .flexslider ul.flex-direction-nav .flex-next:before, .view-display-id-college_carousel_block .flexslider ul.flex-direction-nav .flex-prev:before, .view-display-id-college_carousel_block .flexslider ul.flex-direction-nav .flex-next:before { font-family: "RobotoCondensed", Arial, sans-serif !important; font-size: 48px; } .view-display-id-page_carousel_home .flexslider ul.flex-direction-nav .flex-prev:hover, .view-display-id-page_carousel_home .flexslider ul.flex-direction-nav .flex-next:hover, .view-display-id-college_carousel_block .flexslider ul.flex-direction-nav .flex-prev:hover, .view-display-id-college_carousel_block .flexslider ul.flex-direction-nav .flex-next:hover { opacity: 1; } .view-display-id-page_carousel_home .flexslider ul.flex-direction-nav .flex-prev:before, .view-display-id-college_carousel_block .flexslider ul.flex-direction-nav .flex-prev:before { content: '<' !important; } .view-display-id-page_carousel_home .flexslider ul.flex-direction-nav .flex-next:before, .view-display-id-college_carousel_block .flexslider ul.flex-direction-nav .flex-next:before { content: '>' !important; } .view-display-id-page_carousel_home ul.slides li, .view-display-id-college_carousel_block ul.slides li { margin: 0 10px 0 0; padding: 15px 7px; background-color: white; position: relative; } .view-display-id-page_carousel_home ul.slides li .views-field-field-news-category, .view-display-id-college_carousel_block ul.slides li .views-field-field-news-category { font-family: "RobotoCondensed", Arial, sans-serif; font-size: 21px; margin-bottom: 10px; text-align: left; text-transform: uppercase; } .view-display-id-page_carousel_home ul.slides li .views-field-field-news-category a, .view-display-id-college_carousel_block ul.slides li .views-field-field-news-category a { color: #62b5e5; font-weight: 700; text-decoration: none; } .view-display-id-page_carousel_home ul.slides li .views-field-field-news-image img, .view-display-id-college_carousel_block ul.slides li .views-field-field-news-image img { border: 1px solid #CFCFCF; margin: 0; } .view-display-id-page_carousel_home ul.slides li .views-field-title, .view-display-id-college_carousel_block ul.slides li .views-field-title { font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Geneva, Verdana, sans-serif; font-size: 14px; line-height: 120%; margin-bottom: 5px; margin-top: 5px; text-align: left; } .view-display-id-page_carousel_home ul.slides li .views-field-title a, .view-display-id-college_carousel_block ul.slides li .views-field-title a { color: #ff8200; font-weight: 600; text-decoration: none; } .view-display-id-page_carousel_home ul.slides li .views-field-body, .view-display-id-page_carousel_home ul.slides li .views-field-body p, .view-display-id-college_carousel_block ul.slides li .views-field-body, .view-display-id-college_carousel_block ul.slides li .views-field-body p { font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Geneva, Verdana, sans-serif; font-size: 13px; line-height: 120%; text-align: left; color: #333333; margin: 0; } .view-display-id-page_carousel_home ul.slides li .views-field-view-node, .view-display-id-college_carousel_block ul.slides li .views-field-view-node { border-top: 1px solid #78be20; font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Geneva, Verdana, sans-serif; font-size: 12px; line-height: 120%; margin-top: 20px; padding-top: 10px; text-align: right; width: 100%; } .view-display-id-page_carousel_home ul.slides li .views-field-view-node a, .view-display-id-college_carousel_block ul.slides li .views-field-view-node a { color: #006a4d; font-weight: 600; text-decoration: none; } .view-display-id-page_carousel_home .view-footer p, .view-display-id-page_carousel_home .more-link p, .view-display-id-college_carousel_block .view-footer p, .view-display-id-college_carousel_block .more-link p { margin: 5px 0 0; text-align: right; } .view-display-id-page_carousel_home .view-footer a, .view-display-id-page_carousel_home .more-link a, .view-display-id-college_carousel_block .view-footer a, .view-display-id-college_carousel_block .more-link a { color: #FEC800; font-size: 11px; font-weight: bold; text-decoration: none; text-transform: uppercase; }