/**************************************/
/**************************************/
/****     Inbox Design             ****/
/****     The Catlins Area School     ****/
/****     dev91     ****/
/**************************************/
/**************************************/

body{background:#eee;font-family:"Open Sans",sans-serif}.container{padding:0}.h4,.h5,.h6,h4,h5,h6{margin-top:2em;margin-bottom:10px}.modal-body p{text-align:left}.wrapper{background:#fff}img{max-width:100%}.full-width{width:100%}.quick-links{padding:3px 10px;display:flex;justify-content:space-between}.quick-links a{display:inline-block;padding:6px;color:#cc9902}.quick-links a i{color:#fff}.header{display:block;height:190px}.header.fixed-header{display:none;position:fixed;top:0;left:0;right:0}body.interior .header.fixed-header{height:60px;background:#fff;z-index:1000}body.interior .header.fixed-header.affix-top{display:none}body.interior .header.fixed-header.affix{display:block}body.interior .header.fixed-header img{height:50px;margin:-5px 0 0 0 !important}body.interior .header.fixed-header .trigger-menu,body.interior .header.fixed-header .trigger-login{margin-top:5px}body.homepage .navbar-brand{padding-top:0;width:450px}.navbar-brand img{margin-left:30px;margin-top:40px}.navbar-brand{max-width:40%}.trigger-menu{margin-top:50px;padding:10px}.trigger-login{margin-top:50px}button.trigger-login:hover{text-decoration:none}.icon-lock{color:#cc9902;text-decoration:none;font-weight:bold;font-size:25px;padding-top:5px}.bg-primary,.btn-primary{background:#000034;border-color:none !important;border-radius:0}.btn-primary:hover{background:#04043d}.btn-primary:focus{background:#000034}.btn-primary:active{background:#000034}svg{height:20px;padding-right:-10px;padding-left:-10px}svg path{fill:#cc9902}svg:hover path{fill:#fff}.navigation-bar{margin:0;padding:0;width:35%;position:absolute;margin-left:96%;z-index:10;transition:all .3s ease;list-style:none}.navigation-bar:hover,.navigation-bar.open{margin-left:80%}.navigation-bar a{display:block;text-align:left;padding:5px 5px 6px 15px;transition:all .3s ease;color:#fff;margin:0 0 2px 0;text-decoration:none;background-color:#cc9902}.navigation-bar a:before{font-family:"Linearicons";speak:none;font-style:normal;font-weight:normal;font-variant:normal;text-transform:none;line-height:1;-webkit-font-smoothing:antialiased;display:inline-block;content:"";width:70px}body.homepage .navigation-bar{margin:0;padding:0;width:35%;position:absolute;margin-left:93%;z-index:10;transition:all .3s ease;list-style:none}body.homepage .navigation-bar a{padding:15px 16px 16px 16px;font-size:36px;height:80px}body.homepage .navigation-bar:hover,body.homepage .navigation-bar.open{margin-left:65%}.site-logo-inner{height:4em;margin:2em}.site-logo{height:5em;margin:2em}.cat-nav a:before{font-family:"Linearicons";speak:none;font-style:normal;font-weight:normal;font-variant:normal;text-transform:none;line-height:1;-webkit-font-smoothing:antialiased;display:inline-block;content:""}.item-6036:before{content:""}.item-6044:before{content:""}a.item-6255:before{content:""}a.item-9130:before{content:""}a.item-6257:before{content:""}a.item-11286:before{content:""}a.item-12831:before{content:""}a.item-6296:before{content:""}a.item-6259:before{content:""}.cat-nav{display:flex;list-style:none;background-color:#cd9a00;justify-content:space-between;align-items:center;flex-wrap:wrap}.cat-nav-link{flex:1;color:#fff;border-right:1px solid #fff;padding:1.5em 0;transition:.5s;text-align:center;text-decoration:none}.cat-nav-link i{flex:1;color:#fff;border-right:1px solid #fff;padding:1.5em 0;transition:.5s;text-align:center;text-decoration:none}.cat-nav-link:hover{text-decoration:none;background-color:#333;color:#fff}.cat-nav-link:last-child{border-right:none}.navigation-bar a:hover{background:rgba(26,40,87,.6)}.sidebar .nav li a{color:#cc9902}.sidebar .nav li a:hover{text-shadow:1px .5px #000034;font-weight:bold;border-radius:10px;letter-spacing:.5px;background:rgba(26,40,87,.6);color:#fff}.overlay:after{content:"";position:absolute;top:0;left:0;bottom:0;right:0;background:rgba(26,40,87,.6);z-index:-1}span.line{position:relative;display:inline-block;width:100px;height:1px;background-color:#cc9902}span.line:before,span.line:after{position:absolute;right:0;content:"";width:15px;height:1px;-webkit-transition:all 300ms;transition:all 300ms}.banner{position:relative;display:block;height:300px;background-image:url(https://cdn.schoolpoint.co.nz/schooldata/catlins/catlins_control.jpg);background-size:cover;background-repeat:no-repeat;background-position:center;z-index:0;overflow:hidden;margin-top:1.5em}.banner-tabs{display:none;padding-top:450px;padding-left:50px;color:#fff}a.banner-tab{display:block;color:#fff;width:100%;text-decoration:none;z-index:100;padding:0 8px 30px 8px}a:hover span.line,a:hover span.line:before,a:hover span.line:after{background:#cc9902}a:hover span.line:before{margin-top:-2.6px;-ms-transform:rotate(20deg);-webkit-transform:rotate(20deg);transform:rotate(20deg)}a:hover span.line:after{margin-top:2.6px;-ms-transform:rotate(-20deg);-webkit-transform:rotate(-20deg);transform:rotate(-20deg)}.main-section{position:relative;display:block;overflow:hidden;min-height:400px}.main-section h1{color:#000034}.section{padding-left:50px;padding-right:50px;margin-top:20px}.block-enrol{background:#eee;display:block;position:relative;height:240px;text-align:center;margin-bottom:2em}.block-enrol a{text-decoration:none}.block-enrol h2{margin-top:0;padding-top:50px;text-transform:uppercase;color:#000034;font-weight:bolder;letter-spacing:3.5px}.block-enrol h4{text-transform:uppercase;color:#000034;margin-top:0;font-weight:bolder;letter-spacing:1px}.enrol-now{background:#cc9902;color:#fff;margin-top:40px;padding-bottom:33px}.enrol-now p{padding-bottom:12px}.block{display:block;position:relative;height:240px;z-index:0;overflow:hidden;margin-bottom:1em}.block-underlay{position:absolute;top:0;left:0;right:0;bottom:0;background-image:url(https://catlins.ibcdn.nz/img/catlins1.png);background-size:cover;z-index:-1;-webkit-transition:all 800ms;transition:all 800ms}.block:hover .block-underlay{display:block;filter:blur(5px);-moz-filter:blur(5px);-webkit-filter:blur(5px);-o-filter:blur(5px)}.block a{display:block;padding:140px 10px 10px 10px;color:#fff;text-decoration:none}.block a h4{margin-bottom:0}.feature-image{height:300px;margin-bottom:50px}.events-section{margin-top:50px}.events-section h3{text-transform:uppercase;color:#cc9902;margin-top:0;padding-top:50px;padding-bottom:30px;text-align:center}.events-block{display:block;position:relative;height:500px;background-image:url("../img/catlins1.png");background-size:cover;z-index:0}.events-section ul{list-style:none;color:#fff}.events-section ul li{font-size:12px;letter-spacing:.5px;margin-bottom:10px;padding-bottom:15px}.events-section ul li a{color:#fff;text-decoration:none}.events-section ul li small{display:block;padding-left:18px}.events-section .btn-link{color:#fff;padding-top:10px;padding-left:50px;text-decoration:none}.events-section .btn-link:hover{color:#cc9902}.icon-arrow-right{color:#cc9902;font-weight:bolder}#map{width:100%;height:500px;background:#eee;margin-bottom:40px}.main-content{padding:0 0 1em 0}.sidebar-margin-login .btn{background-color:#cc9902;color:#fff;margin-top:30px}.sidebar-margin-search{margin-top:20px;margin-bottom:20px}.sidebar-margin-facebook{margin-bottom:50px;margin-top:20px}.btn-warning{background-color:#000034}.btn-warning:hover{background-color:#cc9902}.modal{background:#eee}.modal-header{border:none}.modal-header .navbar-brand-modal{width:50%}.modal-close{color:#cc9902}.modal-close:hover{color:#000034}.modal-body p{margin-top:40px}.modal-footer{border-top:none;padding:0px}.contact label{color:#000034}.contact .btn-primary{text-shadow:1px .5px #000034;font-weight:bold;letter-spacing:.5px;background:rgba(26,40,87,.6);color:#fff}.contact .btn-primary:hover{color:#cc9902;border:1px solid #cc9902;background-color:#fff;font-weight:normal}.gallery.row{border-top:1px solid rgba(204,150,2,.21);margin-top:30px;padding-top:30px}.gallery.row img{box-shadow:0 2px 4px rgba(0,0,52,.26);margin-bottom:20px}.gallery.row h4{display:none}.footer{background-color:#000034;color:#fff;padding:10px 50px;font-size:12px;margin-top:20px}.footer p a{color:#fff}.footer p a:hover{color:#cc9902}address{margin-bottom:10px}.links{margin-left:200px}.links li{display:inline-block;list-style:none;padding-top:30px}.links li a{color:#fff;padding-left:10px;text-decoration:none}.links li a:hover{color:#cc9902}.fa-facebook{color:#cc9902}.fa-facebook:hover{color:#fff}.btn-default.social{margin-left:70%;margin-top:10px}.btn-default.social:hover{background:#cc9902;color:#fff}.copyright{float:right;margin-top:10px}.copyright p{margin-right:20px;margin-top:25px}.copyright a{color:#fff}.copyright a:hover{color:#cc9902}body.search .search-input-mobile{display:none}@media only screen and (max-width: 700px){.body{background:#fff}.trigger-menu{margin-top:0;width:100%}.navbar-brand img{margin-left:0px;margin-top:20px}.main-content{width:100%}.trigger-login{margin-top:0}.icon-lock{font-size:15px}.navbar-brand{margin:0;max-width:100%;padding-top:0}body.homepage .navigation-bar,.navigation-bar{width:100%;margin-left:100%}body.homepage .navigation-bar.open,.navigation-bar.open{margin-left:0}body.homepage .navigation-bar a,.navigation-bar a{font-size:20px;list-style:none;height:40px;padding:10px}.banner-tabs{padding-top:20%;padding-left:5%}.banner-tab p{width:50%}.main-section{margin-left:0}.main-section h1{margin-top:30px}.section{padding-left:0;padding-right:0}.section h1{font-size:22px;margin:10px 20px}.block{height:260px}.events-block ul{padding-left:15px}.events-block h5{padding-left:100px}.events .btn-link{padding-left:90px}.sidebar-margin-facebook{margin-bottom:20px;margin-top:30px}.footer{padding-left:5px;padding-right:5px;margin:0 auto}.footer h3{font-size:18px}.links{margin-left:0;padding-left:0}.links li a{padding-left:5px}.btn-default.social{margin-left:5px}.copyright{margin-right:35px}body.search .search-input-group{display:none}body.search .search-input-mobile{display:block}body.search .sidebar-search{display:none}}.global-img-block-port,.global-img-block-port:hover{background-color:#000035 !important}div.global-news-block{border-color:#000035 !important}div.global-news-nav,div.global-news-nav a{color:#cd9a00 !important;background-color:#000035 !important}span.view{position:absolute;font-size:.7em;color:#fff;bottom:1;left:1;padding:10px;background:#000;background:rgba(0,0,0,.5);z-index:133}.news-img-block{display:block}.news-img-block img{width:100% !important}div.news-image{background-repeat:no-repeat;background-position:center center;background-size:cover;min-height:400px;max-height:400px;margin-bottom:30px}div.news-bar{display:flex;margin-bottom:10px}div.news-bar .events{margin-left:auto}div.news-block{border:1px #ccc solid;-o-object-fit:cover;object-fit:cover;min-height:450px}div.news-block h3{font-size:1.2em;font-weight:700;margin-top:0px}.img-block-wrap,.img-block-wrap:hover{color:#343434;background:#fff;box-shadow:0 2px 4px #ddd;text-decoration:none}.img-block,.img-block:hover{position:relative;display:block;height:180px;background:#841b3a;background-size:cover;background-position:center;background-repeat:no-repeat}div.news-summery{padding:15px}div.news-summery h3 a{color:#333}div.news-summery-text-only{padding:30px;background-color:#1f4d25;color:#fff;height:100%;min-height:448px}div.news-summery-text-only a{color:#fff}div.news-nav{text-align:center;padding:5px;background-color:#ccc;margin-bottom:30px}div.news-nav a{text-decoration:none;display:block;line-height:1em;color:#4e4d4d}.news-nav a:hover{color:#8e002d;transition:.9s}div.news-nav a:hover:parent{background-color:#fff}div.thum-gallery{display:flex;flex-wrap:wrap;align-items:flex-end;flex-direction:row;justify-content:center}div.thum-gallery img{margin:5px;border:1px solid #000;width:70px;height:50px;object-fit:cover}div.news_gallery{display:flex;align-content:flex-start;flex-wrap:wrap}.news_gallery a>img{display:block;width:150px;-o-object-fit:cover;object-fit:cover;z-index:-1;margin-right:10px;margin-bottom:10px}@supports(display: grid){div.news_gallery{display:-ms-grid;display:grid;margin-top:10px;margin-bottom:10px;grid-gap:2px;-ms-grid-columns:1fr 1fr;grid-template-columns:1fr 1fr;grid-auto-rows:150px;grid-auto-flow:dense}.news_gallery a>img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;-ms-grid-column-span:1;grid-column:span 1;-ms-grid-row-span:1;grid-row:span 1}}p.intro{font-size:1.3em;line-height:2em;margin-bottom:2em;font-family:"Open Sans";font-weight:700}article{font-size:1.2em;margin-bottom:2em;font-family:"Open Sans";font-weight:700}.linkbg{background-color:rgba(0,0,0,.7);padding:5px}.linkbg h4{margin-top:0}.social{font-size:1.5em}.catlins-partners{display:flex;margin-top:2em;margin-bottom:2em;flex-direction:row;flex-wrap:wrap;justify-content:space-between;align-items:flex-start}img.partner{height:3em;margin-bottom:1em}div.mob_nav_container{position:relative;width:100%;z-index:222;color:#fff}a.mob-nav-head{display:-webkit-box;display:flex;-webkit-box-pack:start;justify-content:flex-start;-webkit-box-align:center;align-items:center;padding:.7em;font-weight:700;background-color:#fff;color:#000035;text-decoration:none;text-transform:uppercase}div.mob_nav_container span{margin-left:.5em}img.mob-logo{height:30px}.mob-menu-icon{margin-left:auto;color:#000035}h3 i{margin-left:20px;font-size:.8em}.fa-phone{-webkit-transform:rotate(130deg);transform:rotate(130deg)}.rotate{-webkit-transition:all 100ms ease-in-out;transition:all 100ms ease-in-out}.rotate.down{-webkit-transform:rotate(180deg);transform:rotate(180deg)}.nav_mob{display:-webkit-box;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;flex-direction:row;color:#fff;padding:0px;flex-wrap:wrap;font-size:1em}.nav_head{background-color:#fff;color:#000;height:60px;padding:5px}.nav_mob a{color:#fff;text-decoration:none;display:block;font-size:1.5rem;line-height:1.5rem;font-weight:400;text-align:center}.nav_left>li:hover{background-color:#000035;-webkit-transition:.9s;transition:.9s}.nav_right>li:hover{background-color:#86243d;-webkit-transition:.9s;transition:.9s}.nav_mob a:hover:parent{background-color:#000;-webkit-transition:.9s;transition:.9s}ul.nav_top{display:-webkit-box;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;flex-direction:column;background-color:#333;width:100%;padding:0 !important}.nav_top li{flex-wrap:nowrap}.nav_top img{display:inline-block;vertical-align:middle}.nav_left{display:-webkit-box;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;flex-direction:column;background-color:#000035;padding:0 !important}.nav_right{display:-webkit-box;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;flex-direction:column;background-color:#8e002d;border-left:1px solid}.nav_mob>ul.nav_top{box-sizing:border-box;text-align:center;list-style-type:none;padding-left:0;margin:0}.nav_mob>ul.nav_left,.nav_mob>ul.nav_right{box-sizing:border-box;text-align:left;-webkit-box-flex:2;flex:2;list-style-type:none;padding-left:0;margin:0}.nav_mob>ul.nav_right{-webkit-box-flex:1;flex:1;text-align:left;list-style-type:none;padding-left:0;margin:0}.nav_mob>ul>li{border-bottom:1px solid;border-color:#fff;padding:10px 10px 10px 15px;flex-wrap:nowrap}.nav_mob>ul>li:last-child{border-bottom:none}.nav_mob>ul.nav_top>li:last-child{border-bottom:none;border-bottom:1px solid}.mob-spacer{height:3.8em}.desktop-nav-container{display:none}.ivideo{height:300px;display:flex;flex-direction:column;justify-content:flex-end;padding:2em}.switch{color:#cd9a00 !important;font-size:2rem;background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAQAAAC1HAwCAAAAC0lEQVR42mP8Xw8AAoMBgDTD2qgAAAAASUVORK5CYII=);padding:.2em}.vid-switch{position:absolute;bottom:30px;left:30px}.video-container{position:relative;height:350px;background:url(https://catlins.ibcdn.nz/media/2020_09_03_the_catlins_area_school-2020.jpg) center;background-image:cover}@media(min-width: 576px){.banner{height:500px}}@media(min-width: 768px){.banner{height:580px}.banner-tabs{display:block}img.partner{height:7em}.main-content{padding-top:0;padding-bottom:2em}.trigger-menu{margin-top:50px;margin-right:40px;padding:10px}}@media(min-width: 992px){img.partner{height:8em}.desktop-nav-container{display:block}.mob_nav_container{display:none}.ivideo{height:500px;display:flex;flex-direction:column;justify-content:flex-end;padding:2em}}