.mobile-header, #block-views-home-flexslider-block { display: none; } @media only screen and (max-width: 860px){ /********** Wrap ******************/ body { background: #40474B;font-size: 62.5%;font-family: Helvetica Neue, Arial, Helvetica, sans-serif;min-width: 320px;} #main { margin:123px 0 0 0;} #main { margin:0;} #wrap {padding-bottom:0;} #mainnew { margin-top:0px;} #wrapnew {padding-bottom:0;margin: 0px auto 0;} #sidebar {border-top:none;margin-top:0;padding-top:0px;} a.block-title-link { margin-left: 5%; text-transform: uppercase;} .region.region-sidebar-first { margin-top: 15px;} /************* Region Style ********/ #content-bottom-main {float: left;width: 100%;} #content-bottom #content_bottom_first, #content-bottom #content_bottom_second, #content-bottom #content_bottom_most_first, #content-bottom #content_bottom_most_second{float: left;width: 100%;} .wrapper.mobileWrapper { display: block; min-height: 0px; padding:15px 0 0 0;clear:both; width:100%} .outerWrapper .wrapper { padding-bottom: 0px; } .outerWrapper .wrapper.padding { padding-bottom: 14px; } .mobileContextualNav { padding-top:15px; } .mobileContextualNav.noPadding { padding-top:0px; } .mobileContextualNav .contextualNavDrop{ text-align: left; left:auto;height:auto;display:none;padding:8px 0 0;z-index:2000;} .contextualNavDrop .dropWrap{float:right;width:100%;background:#f0f1f1;/*border:1px solid #dedede;*/min-height:40px;border-radius:4px;box-shadow:0 2px 2px #ccc;} .contextualNavDrop .dropWrap ul{float:left; margin-top: -10px; line-height: 100%; margin-bottom: 10px;} .contextualNavDrop .dropWrap ul li{float:left;width:100%;list-style:none;padding-top:2px;} .contextualNavDrop .dropWrap ul li a{float:left;width:90%;padding:10px 5%;color:#41484c;font-size:1.2em;font-weight:bold;text-transform:uppercase;} .contextualNavDrop .dropWrap ul li a:hover{background:#ccd1d6;text-decoration:none;width:90%;padding:10px 5%;} .contextualNavDrop .dropWrap ul li ul { /*background: #d6d6d6;*/ color: #6b7176;} .contextualNavDrop .dropWrap ul li ul li a { width: 80%; padding: 10px 10%;} .contextualNavDrop .dropWrap ul li ul li a:hover { width: 80%; padding: 10px 10%;} .node-type-standard .region-section-menu .block-menu ul {margin:0; width: 100%;} .region-section-menu ul ul { margin-left: 0; width: 100%;} /*****END CONTEXTUAL NAVDROP*****/ .contentmain { margin: 0;overflow: hidden;} .content .homePods{padding:0;} .mobileSecondaryNav{display:block;} .contentmain .ribbon {padding-top:0;padding-bottom:0;} .contentmain .ribbon .twitter {display:none;width:auto;} .contentmain .ribbon .twitter .icon{width:80px;} .contentmain .ribbon .twitter .icon a{background-position:3px 0;} .contentmain .ribbon .twitter .icon a:hover{background-position:3px -86px;} .contentmain .ribbon .social { width:auto; float: right; position: relative; left: -25%;text-align: left;} .content .pods3 .pod{width:70%;margin:0 0 20px;height:auto;padding:15px 5% 25px 25%;} #preface-wrap .block, #preface-wrap { padding:0;margin:0; width:100%;} #preface-wrap .block {height:auto;padding-top:50px;} .preface-block .view-footer, .preface-block .view-content {padding:0 5px;} .preface-block {width:100%;padding-bottom:20px;padding-top:0;} /* Modified by Neerav */ .preface-block .content {width: 92%;margin: 0 0 20px;height: auto;padding: 15px 5% 25px 15px;} .control{position:absolute;bottom:55px;} .view .view-footer .more {padding: 20px 0;} .preface-block .view-content .views-row {padding:0 0 20px;} .item-list ul{padding:0;} #nav {display:none;} .drop {right: 4px;left: auto;top: 82px;} .universalBanner .caption{float:left;position:relative;bottom:auto;left:auto;padding:16px 5%;} .universalBanner .caption p{font-size:1.2em;} .content .main .contentArea{float:left;width:100%;} .content .main .menu{display:none;} .tabbedContent .gTabs li{font-size:1.6em;} .tabbedContent .gTabs li a{padding:0 16px;} .tabbedContent .gInner{-moz-column-count: 1;-webkit-column-count: 1;column-count: 1;-moz-column-gap: 0px;-webkit-column-gap: 0px;column-gap: 0px;} .cols3 .col{float:left;width:100%;margin:0 0 30px;} .content .wrapper .home_carousel .carousel_slider {height: 250px;} .content .wrapper .home_carousel .carousel_slider .slide_item .caption{width:96%;padding:5px 2% 28px;} body .content .wrapper .home_carousel .carousel_slider .slide_item .caption p { font-size: 1em; line-height:1.1em; color: #fff; } .content .wrapper .homeScroller .carousel_slider {height: 413px;} .slideControl {display: none;} .mobile {display: block;} .contentmain .ribbon .social ul li{margin:16px 3px 17px;width:40px;height:40px;} .contentmain .ribbon .social ul li a{background-size:500% auto;width:40px;height:40px;} .contentmain .ribbon .social ul li.tw a{background-position:-160px 0;} .contentmain .ribbon .social ul li.fb a{background-position:0 0;} .contentmain .ribbon .social ul li.rs a{background-position:-40px 0;} .contentmain .ribbon .social ul li.yt a{background-position:-80px 0;} .contentmain .ribbon .social ul li.fl a{background-position:-120px 0;} .contentmain .ribbon .social ul li.tw a:hover{background-position:-160px -40px;} .contentmain .ribbon .social ul li.fb a:hover{background-position:0 -40px;} .contentmain .ribbon .social ul li.rs a:hover{background-position:-40px -40px;} .contentmain .ribbon .social ul li.yt a:hover{background-position:-80px -40px;} .contentmain .ribbon .social ul li.fl a:hover{background-position:-120px -40px;} .contentmain .ribbon .twitter .icon{float:left;width:62px;height:62px;line-height:250px;margin:6px 0 0;} .contentmain .ribbon .twitter .icon a{float:left;width:62px;height:76px;font-size:0.01em;line-height:200px;background:url('../images/twitterRibbon.png') no-repeat 3px 0; background-size: 96% 200%;overflow:visible;} .contentmain .ribbon .twitter .icon a:hover{background-position:3px -76px;} .content .pods3 .pod{width:92%;margin:0 0 20px;height:auto;padding:70px 4% 20px;} .control{position:absolute;bottom:160px;} .contentmain .ribbon .twitter{display:none;} .contentmain .ribbon .social{float:right;position:relative;left:-50%;text-align:left;} .contentmain .ribbon .social ul{list-style:none; position:relative;left:50%;} .contentmain .ribbon .social li{float:left;position:relative;}/* ie needs position:relative here*/ .contentmain .ribbon .social a{text-decoration:none;float:left;text-align:center;} .tabbedContent .gTabs li{font-size:1.1em;} .tabbedContent .gTabs li a{padding:0 9px;} .drop {right: 0px;left: 0px;top: 17px;background: none;} .drop .dropWrap {width: 100%;border-radius: 0px;} /************************ Footer ******************/ .footer{height:auto;} #footer #wrapper .buttons{position:relative;float:none;width:320px;height:44px;padding:10px 0;margin:0 auto;left:auto;top:auto;} #footer #wrapper .buttons .myWhittier {float: left;height: 33px;width: 182px;} #footer #wrapper .whittier{display:none;} #footer #wrapper .links{width:100%;margin:10px 0 0;} #footer #wrapper .location{width:100%;padding:0;margin:14px 0 0;height:auto;background:none;} #footer #wrapper .location .text{width:94%;text-align:center;padding:0 3% 14px;margin:0;} #footer #wrapper .location .text h4{width:auto;font-size:1.2em;float:none;display:none;font-weight:bold;text-shadow:none;} #footer #wrapper .location .text p{width:auto;font-size:1.2em;float:none;display:inline;} #footer #wrapper .buttons .myWhittier {width: 165px;} #footer #wrapper .buttons .giveNow {height:25px;margin-right:6px;} #footer #wrapper .buttons .myWhittier {height:25px;margin-left:6px;margin-right:5px;} #footer #wrapper .buttons .giveNow a{width:90%;background-size:100%;line-height:25px;height:25px;} #footer #wrapper .buttons .myWhittier a{width:74%;background-size:100%;line-height:25px;height:25px;} #footer #wrapper .buttons .giveNow a:hover{background-position:0 -30px;} #footer #wrapper .buttons .myWhittier a:hover{background-position:0 -30px;} .cols2{float:left;width:100%;} .cols2 .col{float:left;width:100%;margin:0 0 20px 0;} .imageColumns .col{float:left;width:46%;margin:0 8% 0 0;} .imageColumns .noMargin{margin:0;} /* Added by Neerav */ #footer #footer-one {display:none;} #footer #footer-fifth {display:none;} #footer #footer-two, #footer #footer-three, #footer #footer-four {width:33%; margin:0; margin-top:5px;} .footermobile {display:block;} #footer #wrapper #footer-fifth .block{width:94%;text-align:center;padding:0 3% 14px;margin:0;} #footer #wrapper #footer-fifth .block h4{width:auto;font-size:1.2em;float:none;display:none;font-weight:bold;text-shadow:none;} #footer #wrapper #footer-fifth .block p{width:auto;font-size:1.2em;float:none;display:inline;} #footer-last .block .location {width:100%;padding:0;margin:14px 0 0;height:auto;background:none;} #footer-last .block .location .text{width:94%;text-align:center;padding:0 3% 14px;margin:0;} #footer-last .block .location .text h4{width:auto;font-size:1.2em;float:none;display:none;font-weight:bold;text-shadow:none;} #footer-last .block .location .text p {color: #BEC0C2; width:auto;font-size:1.2em;float:none;display:inline;line-height: 1.4em;padding: 0 0 5px;} #footer #wrapper{height:85%;} /******* Sidebar Global settings *****/ #sidebar .block, #sidebar-second .block {width:93%;} #content { width:93%; margin: 20px 0; } body.sidebar-first #sidebar, body.sidebar-first #sidebar-second {width:99%;} /************* Universal ************/ .node-type-standard #sidebar {display:none;} .node-type-standard #sidebar-second {display:none;} body.two-sidebars #content {width: 96%;} .node-type-standard #content {margin-top:15px;} /* .node-type-standard .wrapper.mobileWrapper {width:100%;} .node-type-standard .wrapper.mobileWrapper {padding: 15px 0 0 0;} */ .node-type-standard .region-content {padding:0 20px;} .node-type-standard #sidebar-second .block {padding-bottom:10px;} .node-type-standard #breadcrumbs {padding-top:0px;} .node-type-standard .tabbedContent .gContent { padding: 20px 0 0;} /************** Department ***********/ .node-type-department #sidebar {display:none;} .node-type-department .breadcrumb {float: left;margin: 20px 0 0;padding: 0 0 5px;width: 100%; /*padding:2% 0 1%;*/} .node-type-department #sidebar {border-top:none;margin-top:0;padding-top:0;} .one-sidebar #content-bottom-main { width: 100%;} .region-content {padding:0 30px;} #content-bottom-most #content_bottom_most_second{ width: 100%;} #content-bottom-most #content_bottom_most_first{width:96%;} #content_bottom_most_second{margin:20px 0 90px 0 !important;} #content_bottom_most_first .item-list ul {padding-left:4%;} #content_bottom_most_first .title h2 {padding:0 0 0 18.75%;} .node-type-department .icon {width:14.75%;} .node-type-department #content-bottom {margin-top: 3%;} /***************** Alumni *********/ .node-type-alumni #breadcrumbs {margin:0;} .node-type-alumni #sidebar {display:none;} .listing li .leftSide {display:none;} #quicktabs-alumni_tab ul.quicktabs-tabs li a {padding:0 8px;font-size:12px;} .gInner{-moz-column-count: 1;-webkit-column-count: 1;column-count: 1;-moz-column-gap: 0px;-webkit-column-gap: 0px;column-gap: 0px;} .gInner2, .gInner3, .gInner4, .gInner5 {padding-top:0px;} #quicktabs-alumni_tab ul.quicktabs-tabs li { font-size: 1.2em; } #quicktabs-alumni_tab ul.quicktabs-tabs li a{padding:0 9px;} #sidebar #block-block-5 .block .title h2 {font-size:13px;} .node-type-alumni #content {margin:15px 0 15% 0;} .node-type-alumni .tabbedContent .gTabs li a {padding:0 20px;} /*********** added by devendra *******/ /* .node-type-alumni .wrapper.mobileWrapper {padding-top:15px;} */ .node-type-alumni .breadcrumbs {padding-top:20px; padding-bottom:5px;} /*********** Adminssion **********/ .node-type-admission #sidebar #block-block-22, .node-type-admission #sidebar #block-block-36 {float:left; width:50%; margin:20px 0;} .node-type-admission #sidebar {display:block;} .node-type-admission #content #breadcrumbs {display:block;} .node-type-admission #content .page-title {display:block;color:#470074;} .node-type-admission .container {padding:0px;} .node-type-admission .region-content {padding:0;} /*#block-block-21, #block-block-29 {display:none;}*/ body.node-type-admission #sidebar {width:100%;} body.node-type-admission #content {width:100%;margin-top:0px;} .admissionPods .aPod{float:left;width:100%;margin:0} .admissionPods .aPod { margin: 0px 0px 2px;} .admissionPods .aPod img { display: none; } .admissionPods .aPod .info { display: none; } .admissionPods .clear { display: none; } .admissionPods{float:left;width:100%;} /*.admissionLinks{float:left;width:40%;margin:20px 0 0;}*/ .content .ribbon .twitter{display:none;} .admissionLinks .block_new {padding: 8px 2%;width: 93%;} .admissionLinks .social {float: right;margin:10px; width: 93%;} /*** Custom Adminssion title ****/ body.node-type-admission .mobileWrapper{display:none;} #block-block-21 .page-title { display:none;} #content .page-title { display:block; } #content #breadcrumbs {display:block;} #block-block-21 #breadcrumbs {display:none;} #breadcrumbs {margin-bottom:0px;padding-bottom:0px;} /********** Home Slider **********/ .slider-wrapper {bottom: auto; left: auto; float: left; position: relative; height: auto;} .slider-wrapper-item {height: auto;} body .content .wrapper .homeScroller .carousel_slider .slide_item .caption {float: left;height: auto;padding: 20px 3% 9px;position: relative;text-align: center;width: 90%;background:#000;} body .content .wrapper .homeScroller .carousel_slider .slide_item .caption p { font-size:1.3em; } .content .wrapper .home_carousel .carousel_slider {height: 233px;} .content .wrapper .homeScroller .carousel_slider {height: 325px;} .content .wrapper .homeControl { bottom: 200px; } .bodyCopy .listing li .leftSide{display:none;} .bodyCopy .listing li .rightSide{width:98%;padding:0;} #breadcrumbs {padding-left:4%; padding-top:20px;} #content h1.page-title {padding-left:4%;} .view-content .quote {width:93%;} .custom_grid .col { width:96%;margin:10px 0;} } @media only screen and (max-width: 500px){ .node-type-alumni .tabbedContent .gTabs li a {padding:0 10px;} .node-type-admission #sidebar .block {width:93%;} .admissionLinks .block_new {padding: 8px 3.125%;width: 93.75%;} .admissionLinks .social {float: left;margin: 35px 0 0; width: 100%;} .content .wrapper .homeScroller .carousel_slider {height: 300px;} .content .wrapper .standardScroller .carousel_slider {height: 200px;} #footer {height:auto;} /*#block-menu-menu-top-left, #block-block-10 {display:none;}*/ #header .informationFor a:hover span, #header .informationFor a.active span, #header .informationFor a span { height: 15px;} .custom_grid .col { width:96%;margin:10px 0;} } @media only screen and (max-width: 400px){ #footer-block-wrap .block {padding-left: 10%;} .node-type-alumni .tabbedContent .gTabs li a {padding:0 5px;} /*#block-menu-menu-top-left, #block-block-10 {display:none;}*/ .content .wrapper .homeScroller .carousel_slider {height: 250px;} .content .wrapper .standardScroller .carousel_slider {height: 150px;} #footer menu.ul{margin:0;} body .content .wrapper .homeScroller .carousel_slider .slide_item .caption { float: left;height: auto;padding: 20px 0% 9px;position: relative;text-align: center;width: 90%;background:#000;} .custom_grid .col { width:96%;margin:10px 0;} #block-views-home-flexslider-block li.flex-active-slide { min-height: 225px; opacity: 1; overflow: hidden; } } @media only screen and (max-width: 860px){ #block-views-home-flexslider-block { display: block; } #header, #block-whittier-sliders-homeslidernew, .front .contentmain{ display: none; } .front #wrap { padding: 78px 0 0 0; width:100%; margin:5px; background: #e8e8e8; box-sizing:border-box; overflow: hidden; } #wrap{ box-shadow: none; padding-top: 78px; } /*Panels*/ body, html { width:100%!important; overflow-x:hidden; } .show-left body { background: #333333; } .left-panel { z-index:1; width:260px; left:0; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0); opacity: 0; -webkit-transition: opacity 300ms 100ms, -webkit-transform 500ms ease; -webkit-transition-delay: ease, 0s; -moz-transition: opacity 300ms 100ms ease, -moz-transform 500ms ease; -o-transition: opacity 300ms 100ms ease, -o-transform 500ms ease; transition: opacity 300ms 100ms ease, transform 500ms ease; position: absolute; box-sizing: border-box; } .show-left .left-panel{ filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100); opacity: 1; -webkit-transition: opacity 300ms 100ms, -webkit-transform 500ms ease; -webkit-transition-delay: ease, 0s; -moz-transition: opacity 300ms 100ms ease, -moz-transform 500ms ease; -o-transition: opacity 300ms 100ms ease, -o-transform 500ms ease; transition: opacity 300ms 100ms ease, transform 500ms ease; z-index: 9; } #home{ -webkit-transition: all 300ms 50ms cubic-bezier(.39,.58,.37,.92); -moz-transition: all 300ms 50ms cubic-bezier(.39,.58,.37,.92); -ms-transition: all 300ms 50ms cubic-bezier(.39,.58,.37,.92); -o-transition: all 300ms 50ms cubic-bezier(.39,.58,.37,.92); transition: all 300ms 50ms cubic-bezier(.39,.58,.37,.92); z-index: 10; position: relative; overflow: hidden; width:100%!important; margin:0; background: #3f3e50; } .show-left #home { margin-left:260px; } .mobile-logo { text-align: center; padding: 5px 0; width: 91px; height: 68px; margin-left: auto; margin-right: auto;} .mobile-header { -webkit-transition: all 300ms 50ms cubic-bezier(.39,.58,.37,.92); -moz-transition: all 300ms 50ms cubic-bezier(.39,.58,.37,.92); -ms-transition: all 300ms 50ms cubic-bezier(.39,.58,.37,.92); -o-transition: all 300ms 50ms cubic-bezier(.39,.58,.37,.92); transition: all 300ms 50ms cubic-bezier(.39,.58,.37,.92); position: fixed; width:100%; background: #470074; top:0; left:0; z-index: 9999; overflow: hidden; box-sizing: border-box; padding:5px 0; display: block; height:80px; } #mobile-nav { display: block; overflow: hidden; background: url(../images/mobile-toggle.png) center center no-repeat; background-size: 100% auto; width:31px; height:22px; position: absolute; left:20px; top:30px; cursor: pointer; -webkit-transition: all 300ms 50ms cubic-bezier(.39,.58,.37,.92); -moz-transition: all 300ms 50ms cubic-bezier(.39,.58,.37,.92); -ms-transition: all 300ms 50ms cubic-bezier(.39,.58,.37,.92); -o-transition: all 300ms 50ms cubic-bezier(.39,.58,.37,.92); transition: all 300ms 50ms cubic-bezier(.39,.58,.37,.92); opacity: 1; z-index: 9999 } #search-toggle { display: block; overflow: hidden; background: url(../images/mobile-search-icon.png) center center no-repeat; background-size: 100% auto; width:21px; height:21px; position: absolute; right:20px; top:31px; cursor: pointer; z-index: 99 } .active-search #search-toggle, .active-search #mobile-nav { opacity: 0; z-index: -1; } .show-left .mobile-header { margin-left:260px; position: fixed; top:0; } #mobile-top-logo img { width:91px; height:auto; left:50%; position: absolute; margin-left: -45.5px; -webkit-transition: all 300ms 50ms cubic-bezier(.39,.58,.37,.92); -moz-transition: all 300ms 50ms cubic-bezier(.39,.58,.37,.92); -ms-transition: all 300ms 50ms cubic-bezier(.39,.58,.37,.92); -o-transition: all 300ms 50ms cubic-bezier(.39,.58,.37,.92); transition: all 300ms 50ms cubic-bezier(.39,.58,.37,.92); } .active-search #mobile-top-logo img{ margin-left: 15px; left:0; } .mobile-header.active-search { text-align: left; } .mobile-search { position: absolute; right:10px; top:25px; width:100%; -webkit-transition: all 300ms ease-out; -moz-transition: all 300ms ease-out; -ms-transition: all 300ms ease-out; -o-transition: all 300ms ease-out; transition: all 300ms ease-out; opacity: 0; z-index: -1; } .active-search .mobile-search { display: block; opacity: 1; z-index: 99; } .mobile-search .form-submit { display: none; } .mobile-search * { margin: 0; padding: 0; } .mobile-search .form-text { background: url(../images/mobile-search-active.jpg) left 5px center no-repeat white; border:none; padding: 8px; margin-right: 30px; width:0; position: absolute; right:0; top:0; box-sizing: border-box; border-radius: 0; -webkit-transition: all 300ms ease-out; -moz-transition: all 300ms ease-out; -ms-transition: all 300ms ease-out; -o-transition: all 300ms ease-out; transition: all 300ms ease-out; } .active-search .mobile-search .form-text { width:45%; } .mobile-search .form-text:focus { background: white; text-indent: 0 } #clear-search { display: block; background:url(../images/mobile-x.png) center center no-repeat; position: absolute; right:0; top:3px; height: 24px; background-size: 24px 24px; width: 24px; } /*Mobile Icon Menu*/ .gradient-wrap { background: url(../images/mobile-body-bg.jpg) center top repeat-x; background-size: auto 100%; } .mobile-icon-nav, .mobile-icon-nav li, .mobile-arrow-menu, .mobile-arrow-menu li { margin: 0; padding: 0; } .mobile-icon-nav { padding-bottom: 10px; } .mobile-icon-nav li a { font-family: Helvetica Neue, Arial, Helvetica, sans-serif; text-transform: uppercase; text-decoration: none; color: #b3b3b3; display: block; letter-spacing: .2px; padding: 12px 0 12px 40px; font-size: 14px; cursor: pointer; font-weight: 500; } .mobile-icon-nav #apply { background: url(../images/mobile-apply-icon.png) left 10px center no-repeat; background-size: 20px 19px; } .mobile-icon-nav #visit { background: url(../images/mobile-visit-icon.png) left 10px center no-repeat; background-size: 20px 19px; } .mobile-icon-nav #calendar { background: url(../images/mobile-calendar-icon.png) left 10px center no-repeat; background-size: 20px 19px; } .mobile-icon-nav #my-whittier { background: url(../images/mobile-my-whittier-icon.png) left 10px center no-repeat; background-size: 20px 19px; } /*Mobile Arrow Menu*/ .mobile-arrow-menu{ padding-top: 20px; } .left-panel .block-menu-block.block-active { background: #e8e8e8 ; padding-bottom: 20px; } .left-panel .block-menu-block .content { display: none; } .left-panel .block-menu-block ul { opacity: 0; -webkit-transition: all 300ms 50ms cubic-bezier(.39,.58,.37,.92); -moz-transition: all 300ms 50ms cubic-bezier(.39,.58,.37,.92); -ms-transition: all 300ms 50ms cubic-bezier(.39,.58,.37,.92); -o-transition: all 300ms 50ms cubic-bezier(.39,.58,.37,.92); transition: all 300ms 50ms cubic-bezier(.39,.58,.37,.92); } .left-panel .block-menu-block.block-active ul { opacity: 1 } .left-panel .block-menu-block a { color: #410177; font-size: 14px; display: block; padding: 10px 0 10px 30px; font-weight: 400; } .left-panel .block-menu-block a:hover, .left-panel .block-menu-block a.active { background: white; } .left-panel .block-menu-block h2 { font-family: Helvetica, sans-serif; text-transform: uppercase; opacity: .8; text-decoration: none; color: white; display: block; padding: 15px; font-size: 14px; border-top: 2px solid #222; background: url(../images/mobile-nav-arrow.png) right 30px center no-repeat; background-size: 29px; cursor: pointer; font-weight: lighter; margin: 0; } .left-panel .block-menu-block.block-active h2{ color: #410177; font-weight: bold; } /*info for*/ #info-for { font-family: Helvetica Neue, Arial, Helvetica, sans-serif; color: #cccccc; padding: 15px 0 10px 15px; text-transform: uppercase; font-size: 14px; margin: 0; } .info-for, .info-for li { margin: 0; padding: 0; list-style: none; } .info-for { padding-bottom: 40px; } .info-for li a { font-family: Helvetica Neue, Arial, Helvetica, sans-serif; text-transform: uppercase; text-decoration: none; display: block; padding: 7px 0 7px 30px; font-size: 13px; cursor: pointer; color: #cccccc; letter-spacing: .7px; font-weight: lighter; } #block-views-home-flexslider-block { padding: 10px; } #block-views-home-flexslider-block .flexslider{ margin: 0; padding: 0; width:auto; box-shadow: 0 0 6px #888888; border-radius: 0; overflow: hidden; } .flex-content-wrapper { padding: 5px; text-align: center; max-width: 90%; margin:auto; box-sizing: border-box; } .flex-content-wrapper p { margin: 0; padding: 3px; color: white; vertical-align: middle; font-size: 14px; width: 100%; font-weight: bold; text-shadow: 1px 1px 1px #000000; } .flex-content { position: absolute; bottom:0; min-height: 80px; left:0; right:0; border-top: 4px solid #fff; box-shadow: 1px 0 3px #888888; pointer-events:none; } .flex-content.color-1, .flex-content.color-5, .flex-content.color-9, .flex-content.color-13 { background: #5c71b6; } .flex-content.color-2, .flex-content.color-6, .flex-content.color-10, .flex-content.color-14 { background: #d3892a; } .flex-content.color-3, .flex-content.color-7, .flex-content.color-11, .flex-content.color-15 { background: #828a35; } .flex-content.color-4, .flex-content.color-8, .flex-content.color-12, .flex-content.color-16 { background: #b31f24; } #block-views-home-flexslider-block .flex-direction-nav { display: block; } #block-views-home-flexslider-block .flex-direction-nav a { height:74px; width:34px; margin-top: -60px; display: block; } #block-views-home-flexslider-block .flex-direction-nav a.flex-prev::before{ display: block; background: url(../images/flex-left.png) center center no-repeat; width:34px; height:74px; content: ''; } #block-views-home-flexslider-block .flex-direction-nav a.flex-next::before { background: url(../images/flex-right.png) center center no-repeat; width:34px; height:74px; content: ''; } } #block-views-home-flexslider-block li.flex-active-slide { min-height: 226px; opacity: 1; overflow: hidden; } #block-views-home-flexslider-block li img { width:100%; height: auto; position: absolute; max-width: none; } @media only screen and (min-width: 450px){ #block-views-home-flexslider-block li.flex-active-slide { min-height: 0; } #block-views-home-flexslider-block li.flex-active-slide { min-height: 290px; opacity: 1; overflow: hidden; } #block-views-home-flexslider-block li img { width:100%; height:auto; position: relative; max-width: none; margin-left:0; } } @media only screen and (min-width: 650px){ #block-views-home-flexslider-block li.flex-active-slide { min-height: 0; } .flex-content-wrapper p {font-size: 20px; line-height: 25px;} } /*no sidebars fix*/ .no-sidebars #content { width: 100%; box-sizing: border-box; } @media only screen and (max-width: 740px){ .view .date-nav-wrapper .date-heading { text-align: left; } .calendar-calendar .month-view table.full { position: relative; } .calendar-calendar .month-view .full tr td { width: 100%; float: left; text-align: left; } .calendar-calendar tbody tr:hover td { background: none; } .calendar-calendar .month-view .full tr.single-day { border-top: 1px solid #ccc; } .calendar-calendar .month-view .full tr td.single-day:before { content: attr(data-day-of-month) ",\0000a0" attr(headers); font-weight: bold; } .calendar-calendar .month-view .full thead tr, .calendar-calendar .month-view .full tr th.days, .calendar-calendar .month-view .full tr td.date-box, .calendar-calendar .month-view .full tr td.no-entry, .calendar-calendar .month-view .full tr td.empty { display: none; } .calendar-menu { position:relative; left: 12px;} .view .date-nav-wrapper .date-nav {padding-top: 50px;} .view .date-nav-wrapper .date-heading {text-align:center;} .view .date-nav-wrapper .date-prev {right:110px;} .view .date-nav-wrapper .date-next {right:50px;} }