@import url('https://fonts.googleapis.com/css?family=Open+Sans:400,600,700|Podkova:600');

#tinymce { background-color: #fff; }
.ui-widget-overlay {     background-color: #fff;     }
body {font-family: 'open sans', sans-serif;     background-color: white;}
header .container { background-color: transparent; }
header.top-header {     background-color: #353c42; background-image: url('/uploads/sites/ttohhou//theme/images/bgimage.jpg'); background-position: right; background-repeat: no-repeat;   }


.phone h5 { color: #fff;  float: right;  margin: 40px 10px 0px 5px;  letter-spacing: .05em;}
@media screen and (max-width: 700px) {.phone h5 { margin: 10px 10px 0px 5px;  } }
.phone h6 a { color: #fff;  float: right;  margin: 0px 50px 20px 10px;     font-weight: 400; letter-spacing: .07em; line-height: 10%;}
.phone h6 a:visited { color: #fff;}
.phone h6 a:hover   { color: #e4be66; }



.social { margin: 35px 10px 0px; float: right;     font-size: 1.7rem;}
@media screen and (max-width: 700px) {.social { margin: 5px 10px 0px;  } }
a.facebook { color: #fff; }
a.facebook:hover { color: #e4be66; }


#search fieldset { background-color: #fff; padding: 5px 5px 5px 15px; border: 1px solid #99917a; border-radius: 20px; width: 100%;  float: right; clear: none;}
#search input { width: 80%;}
#search input.form-control { color: #99917a; border: none; background-color: transparent; border-radius: 0px; box-shadow: none; padding-left: 0px; padding-right: 0px; }
#search fieldset .form-group { margin-bottom: 0px; }
#search-btn { padding: 2px 7px 0px 0px;     color: #99917a;}
#search-btn:hover { color: #831c1b;}
#search-text { background-color:transparent; text-transform: uppercase; font-size: 0.8em;}


.navbar { padding: 0rem 1rem; }
nav .container { padding-left: 0px; font-weight:600; }
.menu a { padding: 5px 10px; }
.primary-menu .menu, .primary-menu .menu a { background-image: none; }
.primary-menu, .small-hidden-menu ul li, .menu li li a  
{ background-image: none;  margin-left: 0px; margin-right: 0px; background-color: #831c1b;}
    .primary-menu a, .primary-menu a:visited { color:#fff; padding-left: 17px; padding-right: 17px;     text-transform: uppercase; }
    .menu a:hover { color:#e5dba3; text-decoration:none;}
    .menu a.active { color:#e5dba3; }
.primary-menu .menu a.active, .primary-menu .menu a:hover, .primary-menu .menu a { background-image: none; }

.secondary-menu, .small-hidden-menu .details-slide.menu .secondary-menu-item { background-color: #6f8890;}
    .secondary-menu a, .secondary-menu a:visited { color:#fff; padding-left: 17px; padding-right: 17px; }
    .secondary-menu a:hover, .small-hidden-menu .details-slide.menu .secondary-menu-item a:hover  { color:#bae9f1; text-decoration:none;}
    .secondary-menu a.active, .small-hidden-menu .details-slide.menu .secondary-menu-item a.active  { color:#bae9f1; }

/*mobile menu */
a.open-menu.details-opener.xs-opener.tracked.opener-0 { color: #000;   padding: 10px 20px;     border: 1px solid #353c42; }
a.open-menu.details-opener.xs-opener.tracked.opener-0:hover { color: #a53c46;     }

.small-hidden-menu .xs-opener {border: none; background-color: #fff;    margin-top: 50px; margin-right: 40px;     font-size: 1.8em;     padding: 5px 10px; }
.small-hidden-menu .details-slide.menu { background-color: rgba(255,255,255,0.75);  padding-left: 0px; margin-top: 270px;}
.small-hidden-menu  li { line-height: 1em; }
.small-hidden-menu ul a.details-opener:after { font-family: "Font Awesome 5 Pro"; content: " \f107";} 
.small-hidden-menu .details-opener { } 

/* Child menus */
.menu li li {  float: none; }
.primary-menu-item ul {  position: absolute;  z-index: 999; }

/*.menu li > a:after { font-family: "Font Awesome 5 Pro"; content: " \f107"; } 
.menu li > a:only-child:after { content: ''; }*/

.quick-links-container { background-color:#f1f3f4; }
.menu-quick-links .details-opener {   }
.menu-quick-links .details-slide {  }
.quick-links-content h3 {  padding: 20px 0px 0px 17px; font-size:1.4em; }
.primary-menu .quick-links-content  a { display:block; text-align:left;     padding: 3px 0px 3px 17px;  text-transform: inherit; color:#000; }
.primary-menu .quick-links-content  a:hover { color:#8b7c27; }

nav, .agemenu, .agemenu .row, .agemenu a { background-color:#70888f;}
.agemenu .img-responsive { margin-right:30px; }
li.agemenu a:after { content:'' }
@media screen and (max-width: 600px) {.agemenu .img-responsive { margin-left:10px; margin-right:5px; } }


/* colour the items */
.nav-62276 {  background-color: #c3a8a1; text-align: center;  }  /* Tamariki */
.nav-63721 { background-color: #6f8890; text-align: center; }  /* Rangatahi */
.nav-62880 {  background-color: #998c66; text-align: center;  }  /* Pakeke*/
.nav-63722 {  background-color: #788c74; text-align: center;  }  /* Kaumatua */
.nav-62276, .nav-63721, .nav-62880, .nav-63722 { padding-top: 5px; padding-bottom: 5px; }
.nav-62276 a, .nav-63721 a, .nav-62880 a, .nav-63722 a {  color: #fff; font-family: 'Podkova', serif; font-size:1.8em;  text-shadow: 1px 1px 1px #000;}  /* All */
.nav-62276 a:hover, .nav-63721 a:hover, .nav-62880 a:hover, .nav-63722 a:hover {  color: #fff; text-shadow: none;}


.nav-panui { color: #fff; position: absolute;  right: 0;     background-color: #516a71; font-size: 1.2rem;}
.nav-panui a { color: #fff; text-decoration: none; background-color: #516a71;     padding: 10px 20px 9px 20px;}
.nav-panui a:hover { color: #bdbb94; background-color: #353c42; }

/* gallery nav */
nav.pagination-container.changer-page {    background-color: #fff;}
.pagination { margin-bottom: 0rem;     margin-top: 20px;}
.pagination-sm .page-item:first-child .page-link {    border-top-left-radius: 0rem;    border-bottom-left-radius: 0rem; }
.pagination-sm .page-link {    padding: 0rem .5rem; }
.page-link { border: 0px solid #dee2e6; border-left: 1px solid #b4b5b5;     }
.page-item.active .page-link {    background-color: #dfe4e6;    border-color: #fff;    color: #3c4f61;    font-weight: bold; }
.bs4 .pagination-form {    margin-top: 20px;    color: #787d82; }
.pagination-container .chngr-jump {     border: #b5b3b3 solid 1px;     padding: 0px 4px;}

#main-content {  background-color: #fff;    background-image: none;}
#middle-panel { margin-bottom: 30px;    margin-top: 0px; }
#right-panel  {  margin-bottom: 30px; }
#content-top, #content-extra img,  #content-bottom img  { width:100%; }
@media screen and (max-width: 600px) { #content-top, #content-bottom {  padding-left: 30px; padding-right: 30px; }}

p { color: #5b5a5a; font-size:1.1em; line-height: 1.8; }
ul li, ol li  { color: #5b5a5a; line-height: 1.4; margin-bottom: 0.7em; }
.intro { font-size: 1.2em; margin-top: 1em; margin-bottom: 1em; }
.box ol, .box ul { margin: 6px 10px 0 10px;     padding-left: 20px; }
.pagination-form {    margin-left: 10px;    display: inline-block;    width: auto;    margin-top: 25px; }

h3, legend, #tinymce h3 {font-family: 'Podkova', serif; }

h1 { font-size:2.9em; color:#831c1b; font-weight:400; margin-bottom:0.5em; line-height: 1.2;}
h1 a, h1 a:visited { color:#831c1b; }
h2 { font-size:2.1em; color:#831c1b; font-weight:600; margin-bottom:0.1em; margin-top:0.8em; line-height: 1.3;} 
h2 a, h2 a:visited { color:#831c1b; }
h3 { font-size:2.0em; color:#831c1b; font-weight:600; margin-bottom:0.4em; line-height: 1.4;}
h3 a, h3 a:visited { color:#831c1b; }
h4 { font-size:1.5em; color:#175b71; font-weight:600; margin-bottom:0.4em; line-height: 1.35;}
h4 a, h4 a:visited { color:#175b71; }
h5 { font-size:1.3em; color:#831c1b; font-weight:700; margin-bottom:0.4em; line-height: 1.4;}
h5 a, h5 a:visited { color:#831c1b; }
h6 { font-size:1.2em; color:#175b71; font-weight:700; margin-bottom:0.4em; margin-top: 0.8em; line-height: 1.4;}
h6 a, h6 a:visited { color:#175b71; }

.top-header a img { padding-top:20px; padding-bottom:30px; }
    @media screen and (max-width: 600px) {.top-header a img { padding-bottom:10px;  } }	
.top-header a img:hover { opacity: 1; }
a img:hover { opacity: 0.7; filter: alpha(opacity=70); }

a {color:#0794c2;}
a:hover, h1 a:hover, h2 a:hover,  h3 a:hover,  h4 a:hover,  h5 a:hover,  h6 a:hover, strong a:hover { text-decoration:none; color:#04a9df; }
.top-header a img:hover { opacity: 1; }
a img:hover { opacity: 0.7; filter: alpha(opacity=70); }

article a { text-decoration:none; }
article a p { line-height: 1.7; }
.content-header {     margin-bottom: 10px; }
.signature-image {     margin-top: 3px; }

legend { font-size:1.5em; color: #831c1b; background-color:transparent;}
dt label { color: #175b71; }
.small { font-size: 1em; line-height: 1.4;}
.highlight { color:#F00; }
strong {color: inherit;}
a strong, a strong:visited { color: #428bca; }
a strong:hover { color: #0794c2; }

.button {   color: #175b71; border: 2px solid #4a6f7c; padding: 10px 10px; background-color: #fff; width: 100%; display:block; text-align: center; border-radius:60px;}
.button:hover  { background-color:#4a6f7c; border: 2px solid #4a6f7c; color:#fff;  }
.button a:hover  { color:#fff; }
.button:hover a {  color: #c3d7df; } 
.button a, .button a:visited   { color: #175b71; text-decoration:none;}

.background { padding: 8px 13px 8px 13px; background-color: #ececec;  margin-bottom: 0em; margin-top: 0em; margin-right: 0px;     margin-left: 0px;}
.background a, .background a:visited   { text-decoration:none;}
.background a:hover  { color:#0392eb; }
p.background {padding-top: 0px; line-height: 1.5;}
h6.background {padding-bottom: 0px;}

.rule { border-bottom: 1px solid #831c1b; padding-bottom: 10px; margin-bottom: 30px;}
.rule a, .rule a:visited   { text-decoration:none; }
.rule a:hover { color:#0392eb; text-decoration:none; }

#tinymce .imagetext { background: #9c9c9c;}
.imagetext  { color: #fff;   font-size:4vw; font-weight:600; display: block;     position: absolute; z-index: 30;       bottom: 20px; padding: 10 10 0 10px;         text-align: centre; line-height: 100%; font-family: 'Podkova', serif; width: 100%; }
.imagetext a  {  color: #fff;   font-size:4vw; }
@media (max-width: 767px) {  .imagetext,  .imagetext a   {  font-size:6vw;  } }


.caption { line-height:1.4em; font-size:0.9em; }
.paddingnone, .paddingnone p { padding-bottom: 0px; margin-bottom: 0px; margin-top: 0px; padding-top: 0px; }

#h2-error .btn.green { border: solid; border-radius: 60px; background-color: #028553;}

.btn.green {  color: #028553;  border: 2px solid #028553; background-color: #fff;     border-radius: 20px; }
.btn.green:hover {background-color: #028553; border: 2px solid #028553; color: #fff;}
.btn.green:active {background-color: #028553; border: 2px solid #028553; color: #fff; }

.btn.blue {  color: #0381cc;  border: 2px solid #0381cc; background-color: #fff;     border-radius: 20px; }

#event-search-calendar td.day.new-day.active.selected {     background-color: #f7b61f; }

/* CARD Display */
.card.card-theme { width: 17rem; margin: 10px 10px 0px 0px; }
.card.card-theme .card-body  {    height: 161px; }
.card.card-theme .signature-image { object-fit: cover; }
p.card-text {     color: #000;    font-size: 1em;    line-height: 1.5; }
h5.card-title { font-size: 1.2em;}
h5.card-title:hover { color:#1b5783; }


.bootstrap-modal-btn:hover { color: #428bca; }
.bootstrap-modal-btn:before { color: #084c71; font-family: "Font Awesome 5 Pro", sans-serif; content: "\f055"; margin-right: 5px; font-size: .9em; }

a.btn.broadcast-ignore-site, a.btn.broadcast-ignore {     text-decoration: none; }

.details-opener.opened h1:before, .details-opener.opened h2:before, .details-opener.opened h3:before, .details-opener.opened h4:before, .details-opener.opened h5:before, .details-opener.opened h6:before, .details-opener.opened p:before { color: #028553; font-family: "Font Awesome 5 Pro", sans-serif; content: "\f056"; margin-right: 5px;}
.details-opener h1:before, .details-opener h2:before, .details-opener h3:before, .details-opener h4:before, .details-opener h5:before, .details-opener h6:before, .details-opener p:before { color: #095a8c; font-family: "Font Awesome 5 Pro", sans-serif; content: "\f055"; margin-right: 5px; }

.googlemaps {  overflow:hidden;     padding-bottom:56.25%;     position:relative;     height:0; }
.googlemaps iframe{     left:0;     top:0;     height:100%;     width:100%;     position:absolute; }

.rating_text {     float: right;     text-align: right;     font-size: 0.8em;     text-transform: uppercase;     font-weight: 600; }

#footer, #footer .container {  background-color: #353c42; }
#footer { padding-bottom: 100px; }
#footer p { color: #fff; text-align: center;}
#footer  {    text-align: center;}
#footer a {    color: #fff; margin: 0px auto ;     text-align: center;}
#footer h6 { color:#fff; margin-left: auto;    margin-right: auto; margin-bottom: 0.6em;}

#footer ul.menu { margin: 20px auto;}
#footer .menu ul { font-size: 0.9em; }
#footer .menu a { color: #fff;  padding: 3px 15px 10px; font-weight:600;}
#footer .menu a:hover, #footer .menu a.active { color: #e5dba3; }
#footer .menu .secondary-menu-item a {  text-transform: capitalize; }
#footer .menu .primary-menu-item a {          padding-left: 20px;    padding-right: 20px; }

#footer li { display: inline-block; float: none; }


.socialfooter {     display: table;    margin-left: auto;    margin-right: auto; font-size: 1.5rem;}
.socialfooter a.join.tracked { margin-left: 10px; }
a.join.tracked {  border: 1px solid #fff;    font-size: 0.9rem;    font-weight: 700; }

@media print {        header, header *, #comment-form-hide-btn, #right-panel    {         display: none !important;     } }