.desktop-only{display: none;} #contentSection a{ font-weight: 500; text-decoration: none;} #contentSection b, strong {font-weight: 700;} #contentSection h1, p.publication-title {font-size: 30px;font-weight: 700; margin: 30px 0 20px 0;} #contentSection h2{font-size: 25px; font-weight: 700; margin: 30px 0 20px 0; } #contentSection h3{font-size: 22px; font-weight: 700;letter-spacing: 0.06em;margin: 30px 0 20px 0;} #contentSection h4{font-size: 20px; font-weight: 700;letter-spacing: 0.06em;margin: 30px 0 20px 0;} #contentSection ul{ margin-left: 25px; margin-bottom: 20px;} #contentSection ul, #contentSection ul li{list-style: disc;} #contentSection li{padding-bottom: 7px;} #contentSection ol { counter-reset: item; margin-left: 10px; margin-bottom: 20px;} #contentSection ol li { display: block } #contentSection ol li:before {content: counter(item) ". ";counter-increment: item;font-weight: bold;margin-right: 3px;} #contentSection th{padding: 10px;font-size: 15px;border: 1px solid #dddddd;} #contentSection{font-size: 14px; line-height: 1.7em;} #contentSection thead p{font-weight: bold;} #contentSection table p{ margin: 0;} #contentSection table h1, #contentSection table h2, #contentSection table h3, #contentSection table h4 {margin: 20px 0 20px 0;} #contentSection a.pdf-link, #contentSection a.doc-link{padding-bottom: 3px;} #contentSection a.pdf-link:before{ font-family: FontAwesome; content: "\f1c1"; margin-right: 10px; font-size: 18px; border-bottom: none; font-weight: 100;} #contentSection a.doc-link:before{ font-family: FontAwesome; content: "\f0f6"; margin-right: 10px; font-size: 18px; border-bottom: none; font-weight: 100;} #contentSection .event-info a.action_link, #contentSection .event-info a.action_link:hover {color:#fff;} #contentSection .sync-event-button i.fa-refresh{ margin-right:10px; } header { position: relative;}/* Change */ header .three.columns, header .one.columns, header .eleven.columns{width:100%; margin: 0;} header .nine.columns{width:100%; margin: 0;} header #logo {background:#fff; border-bottom-width:2px; border-bottom-style: solid; z-index: 100;} header #logo img{display: block; margin: 0 auto; max-width: 150px;} header #schoolName{text-align: center; position: relative; display: none;} header #schoolName a{display: block; padding: 10px;} header #schoolName a#mobileMenu{position: absolute; top: 0; right: 0; font-size: 24px; z-index: 100; padding: 4px 10px;} header a{color:#fff; text-decoration: none;} header a:hover{color:#fff;} header nav{display: none;} header nav ul{list-style: none; font-size: 14px; margin: 0;} header nav ul li{margin:0; position: relative;} header nav ul li a{color:#fff; text-decoration: none; padding:10px; display: block;} header nav ul li i.show-children{position: absolute; right: 0; top: 0; padding:14px;} header nav ul li i.left-icon{margin-right:5px; width: 15px;} header nav.main-nav li a:hover{color:#fff;} header nav ul li > ul{background:#fff; display: none;} header nav.main-nav ul ul li a:hover{color:inherit;} header nav ul ul ul a{color:#fff !important;} header nav ul li.nav-search {padding-bottom: 10px;} header nav ul li.nav-search input{margin-bottom: 0; } #website-search-button {display: inline-block; width: 10%; float: left; box-sizing: border-box; padding: 9px 0;} input[type=text].website-search {display: block; width: 90%; color: #333; float: left;} header nav.main-nav ul ul {display:none;} header nav.main-nav ul li.open > ul{display:block;} /*.test{position: absolute; background-color: white!important; z-index: 1 !important;color: white !important;}*/ #scroller{max-height: 450px; overflow: hidden;} .swiper-wrapper{width:100%;} .swiper-wrapper img{width: 100%;} #homeContent .columns.six{padding: 0 3%;} #homeContent #contentSection{padding-top:30px; padding-bottom: 30px;} #contentSection.internal{float:none;margin:0 auto; padding:40px 0 20px; border-bottom:1px dashed; } #homeImg{display: none;} #formsDocs{background:#3f5585; color:#e6efff;} #formsDocs h3{font-size:18px; font-weight: bold; padding:40px 0 20px 20px; border-bottom:3px solid #7988aa;} #formsDocs ul{margin: 0; padding: 0;} #formsDocs ul.media-list{list-style: none;} #formsDocs ul.media-list li {padding-left: 20px; margin-bottom: 30px;} #formsDocs ul.media-list li a {text-decoration: none; color:#e6efff;} #tiles .tile{width: 100%; position: relative; margin-bottom: 1px;} #tiles .tile-header h2{font-size: 22px; text-transform: uppercase; letter-spacing: 0.06em; font-weight: normal;} #tiles .tile-internal {padding: 20px; width: 100%; box-sizing: border-box;} #tiles .tile-link a{font-size: 14px; text-transform: uppercase; letter-spacing: 0.06em; margin: 12px 0 0 0; text-decoration: none; font-weight: normal;} .tile-link-item {text-transform: uppercase; text-align: right; margin: 5px 15px; padding: 0; transition: all 0.2s ease;} .tile-link-item a {display: table;line-height: 36px; text-align: left; text-decoration: none; width: 100%;} .sz-tile .tile-link-item a span.link-name {padding-left: 10px; font-size: 12px;} .sz-tile .tile-link-item a div { display: table-cell; vertical-align: middle; line-height: 36px; width: 36px; text-align: center;} .sz-tile .tile-link-item a div .fa { color: #fff; font-size: 16px; position: relative; left: 1px; } #announcement{text-align: center; font-size: 30px; padding: 40px 0; text-transform: uppercase;} #announcement span.fa-microphone{background: #001946; color: #fff; padding: 10px; height: 45px; line-height: 45px; width: 45px; border-radius: 32px;} #announcement .title{color:#218b67;} footer {background:#333;padding:30px 0; color:#fff; font-size: 13px;} footer a{color:#fff; font-size: 13px; text-decoration: none;} footer .footer-social{min-height: 1px; text-align: center; margin-bottom:20px;} footer .social-text{text-transform: uppercase; font-weight: bold; opacity: 0.5;} footer .social-icons{padding-top: 0;} footer .social-icons a {margin-left: 5px; font-size: 22px;} footer .txt-sub{color:#fff;} footer .site-copyright{font-weight: bold; opacity: 0.5;} footer .footer-links{text-align: center; text-transform: uppercase; margin-bottom:20px;} footer .footer-links .site-links{padding:5px 0; font-weight: bold;} footer .footer-logo{text-align: center;} .bg-gray-trans-light{background: rgba(122, 122, 122, 0.2);} .bg-darken-med {background: rgba(0, 0, 0, 0.4);} .bg-gray-trans-dark {background: rgba(122, 122, 122, 0.8);} header #schoolName{ display: block;} .main-nav li > ul li.child-expandable a span.right-arrow {display: none;} /* Owl Slider */ .full-width-article.news-slider{ padding-top: 0; padding-bottom: 0; height: 300px; position: relative;} .news-slider .slider-content{ margin: auto; box-sizing: border-box; height: 300px; color: white; overflow-x: hidden; max-width: 1200px;} .news-slider .slider-item{width: 400px;height: 300px;display: inline-block;float: left;transition: all 1s ease;} .news-slider .left-arrow{font-size: 45px;vertical-align: middle;color: rgba(255, 255, 255, 0.7); height: 55px;display: table;position: absolute;left: 5px; text-decoration: none; top:5px;} .news-slider .right-arrow{font-size: 45px;vertical-align: middle;color: rgba(255, 255, 255, 0.7); height: 55px;display: table;position: absolute;right: 5px; text-decoration: none; top:5px;} .news-slider .left-arrow i, .news-slider .right-arrow i {display: table-cell;vertical-align: middle;} .slider-content .slider-wrapper{display: block;height: 300px;margin: auto;overflow: hidden;} .slider-item .slide-image{width: 130px;display: inline-block;vertical-align: top;height: 300px;overflow: hidden;} .slider-item .slide-image img {height: 300px;width: auto;text-align: center;position: relative;right: 65%;max-width:none;} .slider-item .slide-text{ margin: 40px 0 0; padding: 0 15px; box-sizing: border-box; width: 240px; display: inline-block; height: 260px; overflow: hidden; color: #fff;} .slider-item .slide-text h3{margin-bottom:10px; font-size: 16px;} .slider-item .slide-text p{margin-bottom:10px; padding: 0; font-size: 13px;} .footer-logo img{max-width:120px; margin-top: 5px;} .event-feature-image { margin-bottom: 20px; margin-top: 12px; width: auto; float: right; overflow: hidden; padding-left: 10px; } .publication-item .event-feature-image img { max-width: 165px !important; width: 99%; text-align: center; overflow: hidden; } .publication-item .montageBlanket{clear:both;} .publication-item .event-calendar-tags{display: none;} /* WYSIWYG Web Link buttons with font-awesome */ .wysiwyg.sz-web-link a{ padding-left: 10px !important; } .wysiwyg.sz-web-link .sz-web-inline{ padding-left: 10px; } .wysiwyg.sz-web-link .sz-web-icon{ background: rgba(225,225,225,0.7); border-radius: 50%; height: 37px; width: 37px; display: inline-block; text-align: center; } .wysiwyg.sz-web-link .sz-web-icon i{ font-size: 21px; position: relative; top: 7px; } .wysiwyg.sz-web-link{ background-image: none !important; } /* Webform jSignature */ .signature{ width: 100%; } .signature canvas{ height: 150px !important; } .signature-wrap{ border: 1px; border: 1px solid #ccc; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; margin: 5px 0; position: relative; width: 100%; max-width: 490px; padding-bottom: 10px; } .is-mobile .signature-wrap{ max-width: none; width: 94%; } .signature-wrap .clear-signature a{ position: absolute; top: 0; right: 0; z-index: 2; padding-right: 10px; padding-top: 5px; } .signature-wrap .undo-signature{ display: none;} .signature-wrap .undo-signature a{ position: absolute; top: 0; left: 0; z-index: 2; padding-left: 10px; padding-top: 5px; border-bottom: 0; } .signature-wrap .details{ position: absolute; bottom: 5px; width: 100%; text-align: center; font-size: 13px; } .signature-wrap .details{ border-top: 1px solid; padding-top: 3px; } .fer .signature-wrap{ background: #fee5e5; border-color: #d4222f; color: #d4222f; } /* ==== WYSIWYG Style for Websites === */ .sz-download-link, .sz-web-link,.notice-board-item .sz-download-link, .notice-board-item .sz-web-link{ background-color: #06C; background-image: url('https://www.schoolzineplus.com/theme/website/schoolzine/img/download-icon.png'); background-repeat: no-repeat; background-position: 10px center; border-radius: 9999px; border-collapse: separate; display: table; /*min-width: 450px;*/ width: 450px; max-width: 580px; margin: 15px auto; font-family: Arial, sans-serif; font-size: 14px; line-height: 1.4em; -webkit-box-shadow: inset -1px -3px 0 0 rgba(0, 0, 0, 0.2); -moz-box-shadow: inset -1px -3px 0 0 rgba(0, 0, 0, 0.2); box-shadow: inset -1px -3px 0 0 rgba(0, 0, 0, 0.2); } .wysiwyg.sz-web-link{ width: 100%; display: block; margin: 15px 0; border-radius: 1px; max-width: 100%; box-sizing: border-box; box-shadow: none; transition: all 0.5s; } .wysiwyg.sz-web-link:hover{box-shadow: none;} .wysiwyg.sz-web-link > a:link {width: 100%; display: block; padding: 10px 10px 10px 5px !important; min-width: auto; box-sizing: border-box; height: auto; } .wysiwyg.sz-web-link > a:link, .wysiwyg .sz-web-url, .wysiwyg .sz-web-title{color:#fff !important; border-bottom: none;} .wysiwyg.sz-web-link .sz-web-icon{background:none;} .wysiwyg .sz-web-icon .fa{color:#000;} .wysiwyg .sz-web-icon-wrap{ display: table-cell; vertical-align: middle; } .borderDiv .sz-web-url { max-width: 450px; } .wysiwyg.sz-web-link .sz-web-inline{padding-left: 5px;} .is-mobile .wysiwyg.sz-web-link .sz-web-inline{ display: table-cell !important; vertical-align: middle;} .is-mobile .wysiwyg.sz-web-link .sz-web-title{ font-size: 14px !important; } .wysiwyg.primary .sz-web-title, .wysiwyg.sz-web-link.primary > a:link, .wysiwyg.primary .sz-web-icon .fa, .wysiwyg.primary .sz-web-url{ color:#fff !important; } .wysiwyg.secondary .sz-web-title, .wysiwyg.sz-web-link.secondary > a:link, .wysiwyg.secondary .sz-web-icon .fa, .wysiwyg.secondary .sz-web-url{color:#fff !important; } /* WYSIWYG web link styling */ .wysiwyg .sz-web-title{ width: auto; } .wysiwyg .sz-web-title{ width: auto; } .wysiwyg .sz-web-link > a, .wysiwyg .sz-web-link > a:link, .wysiwyg .sz-web-link > a:visited, .wysiwyg .sz-web-link > a:active {width: auto;} .wysiwyg .sz-download-link, .wysiwyg .sz-web-link { width: auto; } .wysiwyg .sz-web-url, #Offline .wysiwyg .sz-web-title{ padding-right: 5px; } .wysiwyg .sz-web-url {font-size: 13px !important;} .sz-download-title, .sz-web-title, .notice-board-item .sz-download-title, .notice-board-item.sz-web-title { font-size: 14px; font-weight: bold; display: block; text-align:left; width: 450px; } .notice-board-item .sz-download-title{ width: auto !important; } .Border .sz-download-title, .Border .sz-web-title, .borderDiv .sz-download-title, .borderDiv .sz-web-title { width: auto; } .sz-download-meta, .sz-web-url, .notice-board-item .sz-download-meta, .notice-board-item .sz-web-url{ font-size: 12px; font-style: italic; font-weight: bold; opacity: 0.7; display: block;} .sz-web-url { height: 20px; max-width: 500px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } .sz-download-inline, .sz-web-inline { display: table-cell; vertical-align: middle; line-height: 1.3em;} #tickerWrap{ width:100%; background:#333; height: 48px; overflow: hidden; } #scrollAnnouncement{padding:0; font-size: 13px; color:#eee;} #scrollAnnouncement a{text-decoration: underline;color:#eee;} #scrollAnnouncement .news-wrapper{float:left;margin:0 10px;} #scrollAnnouncement .news-wrapper p{float: left; padding-top:15px; padding-bottom: 15px;} #scrollAnnouncement .news-wrapper p.title strong{padding-left:20px;} #scrollAnnouncement .news-wrapper .news-alert p{color:#ffa700;} /** PDF Link **/ .pdf-viewer-heading{ border-left: 8px solid; margin-bottom: 0px; transition: all 0.5s; border-radius: 2px;} .pdf-viewer-link .fa.fa-file-pdf-o{margin-right:10px; font-size: 20px; float: left; margin-bottom: 10px;} .pdf-viewer-link .fa.fa-download{margin-left: 10px; margin-right: 10px;} .pdf-viewer-heading:hover{ border-left: 12px solid; } #tinymce .pdf-by-id{display: none;} #Offline .pdf-viewer-heading a.pdf-viewer-link, .pdf-viewer-heading a.pdf-viewer-link, .newsletter-content #Offline .pdf-viewer-heading a.pdf-viewer-link{ display: block; padding: 15px 130px 15px 15px; color:#fff !important; position: relative; transition: all 0.5s; text-decoration: none;} #Offline .pdf-viewer-heading a.pdf-viewer-link:hover, .pdf-viewer-heading a.pdf-viewer-link:hover, .newsletter-content #Offline .pdf-viewer-heading a.pdf-viewer-link:hover{color:#fff !important;} span.pdf-viewer-title{} span.pdf-viewer-filesize{ float: right; right: 10px; position: absolute; top: 50%; margin-top: -12px; } /*New event styles*/ #contentSection .event-left table td{border:none;} .event-left{ float:left; width: calc(100% - 235px); } .event-right{ width: 235px; float: right; } .event-content{ } .event-left .event-content{ margin: 20px 10px 0 0; } .event-right .event-content{ margin: 0 0 10px 15px; text-align: left !important; } .event-right .event-content p{ text-align: left !important; margin-bottom: 0; margin:4px 0 !important; word-wrap: break-word; } .event-info{ border: 1px solid #dddddd; border-radius: 5px; } .event-info-header{ text-align: center; border-bottom: 1px solid #dddddd; padding: 10px; background: #f5f5f5; border-radius: 5px; } .event-info-body{ padding: 10px; } .event-feature-image{ margin-bottom: 20px; margin-top: 12px; } .event-tickets{ margin-top: 20px; margin-left: auto; margin-right: auto; } .event-tickets a { width: 100% !important; padding: 0 !important; } .event-details, .event-details p{ text-align: left; } .event-calendar-tile{ margin-bottom: 20px; } .feature-image-overlay{ width: 100%; height: 50px; position: absolute; bottom: 0; background: -moz-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(255,255,255,0.01) 1%, rgba(255,255,255,1) 97%, rgba(255,255,255,1) 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(255,255,255,0.01) 1%,rgba(255,255,255,1) 97%,rgba(255,255,255,1) 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to bottom, rgba(255,255,255,0) 0%,rgba(255,255,255,0.01) 1%,rgba(255,255,255,1) 97%,rgba(255,255,255,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */ } /*End new event styles*/ @media screen { .PDF-only, .pdf-only, .BreakColumn, .BreakPage, .PDFgallery { display: none; } } /* ============= Acorn Slider ============= */ #scroller.acornSlider{ } #scroller.acornSlider .swiperInternal { background-position: center center; background-size: cover; height:450px; } @media (max-width: 769px) { #scroller.acornSlider .swiperInternal { height: 320px; } } @media (max-width: 480px) { #scroller.acornSlider .swiperInternal { height: 250px; } } /* ============= Cookies Popup Styles ============= */ #cookie { position: fixed; left: 20px; top: 150px; padding:20px; width:250px; border-radius: 2px; background:#f3f3f3; z-index: 1000; display: none; } #cookie i.fa-times-circle{ position: absolute; right: 10px; top:10px; color:rgb(19,52,106); font-size: 16px; cursor: pointer; } #cookie i.fa-times-circle:hover{top:9px;} #cookie h2 { font-size: 20px; margin-bottom: 10px; } #cookie p a{ text-decoration: underline; } #cookie #acceptCookies { display: block; padding:15px 10px; font-size: 15px; color: #fff; margin-top: 15px; border-radius: 2px; text-align: center; } #cookie #acceptCookies:hover{opacity: 0.95; } #cookie #denyCookies { display: block; padding:15px 10px; font-size: 15px; color: #fff; margin-top: 15px; border-radius: 2px; text-align: center; } #cookie #denyCookies:hover{opacity: 0.95; } @media screen and (max-width: 480px) { #cookie{ left:0; box-sizing: border-box; width: 100%; top:80px; } } /* Media Queries -------------------------------------- */ /* Larger than mobile */ @media (min-width: 400px) {} /* Larger than phablet (also point when grid becomes active) */ @media (min-width: 550px) {} /* Larger than tablet */ @media (min-width: 750px) { .mobile-only, a.mobile-only, header #schoolName a.mobile-only{display: none !important;} header .three.columns {width: 22%;} header .nine.columns { width: 74.0%; margin-left: 4%} header #logo{position: absolute; top:0; left: 0;border-bottom:none;} header #logo img{max-width: 200px; background:#fff;} header nav{float: right; display: block;} header nav ul{} header nav ul li{float: left; margin:0 5px; line-height: 40px; position: relative;} header nav ul li a{padding: 15px 10px; text-transform: uppercase;} header nav ul li > ul{display: none; position: absolute; top:65px; left: 0; width: auto; min-width:220px; border-bottom: 3px solid; z-index: 101;} header nav ul li > ul li {display: block;float: none; margin: 0; width:250px;} header nav ul li > ul li a {padding: 5px; text-transform: none; padding-right: 20px;} header nav ul li > ul li a span.right-arrow {position: absolute; right: 10px; top:15px;} header nav ul li:hover > ul{ display: block; } header nav ul li > ul li{} header nav ul ul ul{ position: absolute; top:0; left: 250px; width: auto; min-width:220px; border-bottom: 3px solid; z-index: 101; } header nav ul li.nav-search{padding-bottom: 0;} header nav ul li.nav-search input[type=text]{width: auto; display: none;} #website-search-button {display: inline; width:auto; float: none; padding: 0; } input.website-search{display: none;margin-right:5px;} header nav ul ul ul ul { left:250px; top:0; } header nav ul:before{content: none !important;} .main-nav li > ul li a span.right-arrow { display: none;} .main-nav li > ul li.child-expandable a span.right-arrow {display: block;} #homeContent .columns.three{width:25%; margin:0;} #homeContent .columns.six{width:50%; margin:0; } #homeImg {overflow: hidden; display: block; background-size: cover; background-position: 50% 50%;} #homeImg img {width:auto;} #tiles .tile{float:left; width: 20%; padding-top: 20%; position: relative; min-height: 0;} .tile .tile-internal{position: absolute; bottom: 0; left: 0;} .desktop-only{display: block;} .news-slider .left-arrow {height: 300px;left: 30px; font-size: 55px;} .news-slider .right-arrow {height: 300px; right:30px; font-size: 55px;} footer .footer-social{text-align: left; margin-bottom: 0;} footer .footer-links{margin-bottom: 0;} footer .footer-logo{text-align: right;} footer .container{width:95%;} } @media (min-width:750px) and (max-width:1200px){ } /* Larger than desktop */ @media (min-width: 1000px) {} /* Larger than Desktop HD */ @media (min-width: 1200px) {} #honilands header { background: #fff; } #honilands header .three.columns, #honilands header .one.columns, #honilands header .eleven.columns{ width: 100%; } #honilands header #logo { height: 100%; padding-left:3.5%;} #honilands header #logo img{ padding: 20px 0; background: none !important; max-width: 100%; box-sizing: border-box; } #honilands .nav-functions { float: right; max-width: 200px; margin-right: 40px; margin-top: 0; } #honilands .phone { color: #034ea0; font-size: 24px; font-weight: 600; margin-bottom: 0; } #honilands .search-bar { height: 40px; padding: 10px 0; line-height: 60px; float: left; } #honilands .search-bar form { height: 100%; } #honilands .search-bar input { height: 100%; width: 165px; padding: 0 8px; text-transform: uppercase; float: left; background: #f9f9f9; border: 0 none; border-radius: 0; ont-family: "Open Sans", Arial, Helvetica, sans-serif; font-size: 14px; letter-spacing: 0.06em; -webkit-appearance: none; } #honilands .search-bar button { height: 40px; } #honilands .search-bar span { background: #ebebeb; float: left; height: 100%; width: 35px; vertical-align: middle; font-size: 16px; line-height: 40px; text-align: center; color: #666666; cursor: pointer; } #honilands button.access-button { background: #034ea0; color: #fff; display: block; padding: 0; width: 100%; border: none; border-radius: 1px; line-height: normal; height: 35px; } #honilands .phone { color: #034ea0; font-size: 24px; font-weight: 600; margin-bottom: 0;} #honilands .phone span {color: #000;} #honilands .search-bar form {height: 100%;} #honilands .search-bar input { height: 100%; width: 165px; padding: 0 8px; text-transform: uppercase; float: left; background: #f9f9f9; border: 0 none; border-radius: 0; font-family: "Open Sans", Arial, Helvetica, sans-serif; font-size: 14px; letter-spacing: 0.06em; -webkit-appearance: none;} #honilands .search-bar button { height: 40px; } #honilands .search-bar span { background: #ebebeb; float: left; height: 100%; width: 35px; vertical-align: middle; font-size: 16px; line-height: 40px; text-align: center; color: #666666; cursor: pointer;} #honilands .nav-functions { float: right; max-width: 200px; margin-right: 3.5%; margin-top: 0;} #honilands #scroller { display: none; } #honilands #tiles { padding-left: 3%; padding-right: 3%; margin-bottom: 40px; } #honilands #tiles .tile { margin-right: 0.5%; margin-bottom: 1%; margin-left: 0.5%; } #honilands #tiles .tile-1 { width: 24% ; overflow: hidden;} #honilands #tiles .tile-2{ width: 49% ; overflow: hidden;} #honilands .hometile .tile-header { position: absolute; top: 0; width: 100%; border-bottom: solid white 5px; height: 42px; left: 0; } #honilands .hometile .tile-internal { top: 0; position: absolute; } #honilands #tiles .tile {padding-top: 13%;} #honilands .hometile .tile-content {margin-top: 41px;} #honilands #tiles .tile-header h2 { font-size: 27px; color: #000; font-size: 30px; padding-top: 5px !important; padding-left: 15px !important; margin: 0px 0 20px 0; padding-bottom: 4px;} #honilands .tile-1:nth-child(even) .tile-internal { transform: rotate(8deg); height: 100px; bottom: -36px; left: -9px; width: 106% !important; opacity: 0.9; } #honilands .tile-1:nth-child(odd) .tile-internal { transform: rotate(-8deg); height: 110px; bottom: -44px; right: -10px; width: 106% !important; opacity: 0.9; } #honilands .tile-1:nth-child(odd) .tile-link { transform: rotate(8deg); position: relative; bottom: -7px;} #honilands .tile-1:nth-child(even) .tile-link { transform: rotate(-8deg); } #honilands .tile-1:nth-child(even) a, #honilands .tile-1:nth-child(odd) a {color: white;} #honilands #tiles .tile-link a { font-size: 14px; text-transform: uppercase; letter-spacing: 0.06em; font-weight: normal; margin: 12px 0px 0px; text-decoration: none; } #honilands .tile-1 span.fa.fa-arrow-circle-right { display: none; } #honilands .quick-links { box-sizing: border-box; width: 100%; padding: 0 3% 20px; max-width: none; } #honilands .col-3 { width: 24%; box-sizing: border-box; float: left; margin-right: 0.5%; margin-left: 0.5%; } #honilands .ql-one, #honilands .ql-two, #honilands .ql-three, #honilands .ql-four { width: 100%; height: 75px; } #honilands .container { max-width: none; width: 100%; padding: 0 3%;} #honilands #contentSection.internal { float: left; width: 74.5%; margin-bottom: 25px; padding: 0; margin-left: 0; } #honilands .quick-links h2 { padding-left: 67px; text-align: left; font-size: 25px; font-weight: 700; line-height: 75px;} #honilands .quick-links a { font-weight: 500;text-decoration: none;text-decoration: none;text-transform: none;font-size: 20px;text-transform: uppercase;color: #fff;} #honilands .subFooter { background: #1b1b1b; padding: 13px; box-sizing: border-box; margin-bottom: 30px; } #honilands .subFooter .grid-col-3 { width: 25%; text-align: left; float: left; box-sizing: border-box; padding: 0 0 0 26px; text-transform: uppercase; color: #fff; font-size: 13px; } #honilands .subFooter .grid-col-9 { width: 75%; text-align: right; padding-right: 40px; position: relative; overflow: initial; float: left; box-sizing: border-box; text-transform: uppercase; } #honilands #homeContent nav.main-nav{display: none;} #honilands footer{ padding: 0 0 30px; } #honilands footer .three.columns { width: 48%; } #honilands .column:first-child, #honilands .columns:first-child { margin-left: 0; } #honilands .column, #honilands .columns { margin-left: 4%; } #honilands footer .container { width: 95%; max-width: 98%; } #honilands footer .txt-sub { } #honilands #announcement { padding:3% 0; } /* ACCESSIBILITY BAR */ #honilands .access-bar .main-content {padding-top: 20px;} #honilands #accessibility-bar { position: absolute; margin: 0 auto 0 auto; width: 395px; height: 60px; background: #fff; z-index: 1000; right: 250px; background: none !important; overflow: hidden; top: 107px; display: none; } #honilands #accessibility-bar select { padding: 5px; width: 150px; border: 1px solid #DDD; background: #FFF; text-align: left; font-family: "Open Sans", sans-serif; } #honilands #accessibility-bar .translate { float: left; padding: 10px 5px 10px 0 !important; width: 220px; overflow: hidden; } #honilands .translate label { line-height: 38px; padding: 0 10px 0 0; float: left; font-size: 13px; color: #333; } #honilands .accessibility-bar-sticky { position: fixed !important; top: 77px !important; margin-top: 0px !important; left: 0; right: 0; z-index: 1005; box-shadow: none !important; } #honilands #accessibility-bar .search-bar { float: right; } #honilands #accessibility-bar .search-bar input { width: 220px; border: 1px solid rgba(0, 0, 0, 0.1); border-right: none !important; } #honilands #accessibility-bar .font-size { width: 170px; line-height: 40px; padding: 11px 0; float: left; } #honilands .font-sizing { margin-left: 3px; float: left; } #honilands .font-size a { position: relative; padding: 0 20px 0 12px; float: left; width: 18px; height: 35px; opacity: 0.8; filter: alpha(opacity=80); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)"; } #honilands .font-size a:hover { opacity: 1; filter: alpha(opacity=100); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; } #honilands .font-size label { float: left; color: #333; font-size: 13px; } #honilands .font-size .font-increase { border-right: 1px solid #EEE; color: #2966b0; cursor: pointer; } #honilands .font-size .font-decrease { color: #2966b0; cursor: pointer;} #honilands .font-size .font-increase span { position: absolute; top: 10px; font-size: 21px; } #honilands .font-size .font-increase span.super { position: absolute; top: 7px; right: 11px; font-size: 12px; } #honilands .font-size .font-decrease span { position: absolute; top: 14px; font-size: 16px;} #honilands .font-size .font-decrease span.super { position: absolute; top: 10px; right: 15px; font-size: 11px;} #honilands nav.main-nav{ float: left; width:24%; margin-right: 1.5%; } #honilands .main-nav ul.wrapper li{padding-bottom:3px; margin: 0; } #honilands .main-nav ul, .main-nav li{transition:background-color 0.5s;} #honilands .main-nav ul.wrapper > li:nth-child(2n){} #honilands .main-nav ul.wrapper li a { display: block; position: relative; padding-top: 15px; padding-bottom: 15px; font-size:15px !important; transition:background-color 0.5s;} #honilands .main-nav > ul.wrapper > li > a{padding-right:40px;} #honilands .main-nav ul.wrapper li a .fa-chevron-up, #honilands .main-nav ul.wrapper li a .fa-chevron-down { display: inline-block; position: absolute; right: 0px; padding: 15px; top: 0; } #honilands .main-nav li > ul li.child-expandable a span.right-arrow{display: none !important;} #honilands .main-nav li > ul li.child-expandable ul li{ width: 100% !important; border-bottom: none !important; padding-left:40px;} #honilands .main-nav li > ul li.child-expandable ul li a{border-bottom: none; padding-left:0 !important;} #honilands .main-nav li > ul li.child-expandable ul{ display:block !important; position: relative !important; margin-top:0px;} #honilands .main-nav li > ul li.child-expandable div{ bottom: auto !important; margin-left: auto !important; } #honilands .main-nav ul.wrapper ul{ padding-top:0; padding-bottom:0; margin:0; transition:background-color 0.5s; background: #fff;} #honilands .main-nav ul.wrapper li{ padding-bottom:0; list-style: none; line-height: normal; box-sizing:border-box;transition:background-color 0.5s;} #honilands .main-nav ul.wrapper ul li{border-bottom: 1px dashed #999;} #honilands .main-nav ul.wrapper ul li.last{border-bottom:none;} #honilands .main-nav ul.wrapper ul li.first{border-top:1px solid #666;} #honilands .main-nav ul.wrapper > li{ border-bottom:1px solid #666; } #honilands .main-nav ul.wrapper ul li a {padding-left:30px; padding-right: 10px;} #honilands .main-nav ul.wrapper ul li a{padding:10px 15px !important;} #honilands .childs_children:before{content: none;} #honilands .main-nav ul.wrapper ul li.child-expandable:hover div{display:none !important;} #honilands .main-nav ul.wrapper ul li.child-expandable div.open, .main-nav ul.wrapper ul li.child-expandable div.open ul, .main-nav ul.wrapper ul li.child-expandable div.open ul li{display:block !important;} #honilands .main-nav ul.wrapper ul li.child-expandable a i.fa-chevron-up{ display:none; } #honilands .main-nav ul.wrapper ul li.child-expandable a i.fa-chevron-down { padding: 10px 15px; } #honilands .main-nav ul.wrapper ul li.child-expandable a.up i.fa-chevron-up{ display:block; padding: 10px 15px; } #honilands .main-nav ul.wrapper ul li.child-expandable a.up i.fa-chevron-down{ display:none; } #honilands .main-nav .wrapper { list-style-type: none; background: #fff; } #honilands .main-nav ul.wrapper li { padding-bottom: 3px; margin: 0; } #honilands .main-nav ul.wrapper li a { font-size: 20px; color: #000; text-decoration: none; padding-left: 15px; } #honilands .main-nav ul.wrapper .child-links li a {color: #000;} #honilands .main-nav ul.wrapper .child-links li a:hover {color: #000;} #honilands .main-nav ul.wrapper li:hover, .main-nav ul.wrapper > li:nth-child(2n):hover { } #honilands .main-nav > ul.wrapper > li:last-child { } #honilands ul.txt-main.child-links { display: none; } #honilands i.fa.fa-list.left-icon.mobile-only { display: none; } #honilands i.fa.fa-chevron-down { display: inline-block; } #honilands a.child-link { font-size: 16px !important; border-bottom: none !important; /*padding: 0 !important;*/ } #honilands li.child-expandable div ul { margin: 0; } #honilands li.child-expandable div ul li { width: 150px; } #honilands li.child-expandable div ul li a { font-size: 16px; padding: 0; } #honilands .main-nav ul.wrapper.first li a.fill { font-weight: bold; text-transform: uppercase; } #honilands div#homeContent a { text-decoration: none; } @media screen and (min-width: 980px){ #honilands .tile-1 a { font-size: 1.3vw !important; } } @media screen and (max-width: 1500px) and (min-width: 750px) { #honilands #tiles .tile { padding-top:18%; } #honilands .tile-1 a { font-size: 1.3vw !important; } } @media screen and (max-width: 980px) and (min-width: 750px) { #honilands #tiles .tile { padding-top: 30%; } #honilands .tile-1 a { font-size: 1.3vw !important; } } @media (max-width: 749px){ #honilands #contentSection.internal{float: none; width: 100%; margin-bottom: 0;} #honilands #tiles .tile { padding-top: 50%; } #honilands #tiles .tile-1, #honilands #tiles .tile-2 { width: 100%; } #honilands .tile-1:nth-child(odd) .tile-internal { height: 140px; bottom: -45px; left: -5px; width: 690px !important; position: relative;} #honilands .tile-1:nth-child(even) .tile-internal { background: #613C0A; bottom: -46px; width: 680px !important; position: relative; } #honilands .tile-1:nth-child(odd) .tile-link { bottom: -33px; } #honilands .tile-1:nth-child(even) .tile-link { transform: rotate(-8deg); bottom: 15px; position: relative; } #honilands .quick-links{ padding: 0 3% 20px; } #honilands .col-3 {width: 100%; margin: 0;} #honilands footer .grid-col-6, #honilands footer .grid-col-3, #honilands footer .grid-col-9{ display: block; float: none; width: 100%; text-align: center; margin: 0 0 10px; padding: 0; } #honilands footer .three.columns, #honilands footer .six.columns { width: 100%; text-align: center; } #honilands .column, #honilands .columns { margin-left: 0; } #honilands header #logo{ padding: 0; text-align: center; } #honilands header #logo img { max-width: 400px; padding: 20px 40px; background: none !important;} #honilands .nav-functions { float: none; text-align: center; max-width: 100%; margin-right: 0; } #honilands p.phone { margin-top: 15px; } #honilands .search-bar { float: none; width: 100%; box-sizing: border-box; padding: 10px 40px; } #honilands .search-bar input { width: 90%; height: 40px; } #honilands .search-bar button { width: 10%; } #honilands button.access-button { display: none; } #honilands nav.main-nav { float: none; width: 100%; margin-right: 0; display: none; } #honilands #homeContent nav.main-nav{ padding: 0 20px; box-sizing: border-box; } #honilands #tiles .tile.hometile { padding-top:0; } #honilands .hometile .tile-internal{position: relative;} } /* #contentSection ul, #contentSection ul li{list-style:none; margin-left:0; margin-bottom:0px;} */ .chosen-container-multi .chosen-choices{ border: 1px solid #ccc; } .chosen-choices { -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; } .chosen-container-multi .chosen-choices { background: #fff; padding: 3px 7px; } #contentSection ul li.search-field{padding-bottom:0;}