#tinymce { background-color: #fff; }
.ui-widget-overlay {     background-color: #fff;     }
body  { font-family: 'Raleway', sans-serif; background-color: #fff;}
header .container { background-color: transparent; }
header.top-header  {background-color: #fff; }

.heading-region p { color: #fff;     font-size: 2.1em;     line-height: 0.7; padding-top: 30px;  padding-left: 20px;    }
.heading-slogan p { color: #fff;     font-size: 1.4em;     line-height: 0.3; font-weight: 600; padding-bottom: 20px; padding-left: 20px; }

.top-header .container { background-color: transparent; }

#donate-but {  color:#fff; font-size:1.1em;   font-weight: 600;       background-color: #f66726;  }
#donate-but:hover { background-color:#f24805; }
#donate-but a { color:#fff;   background-color: #f66726; padding: 12px 60px 12px 60px;}
#donate-but a:hover { color:#fcd933; text-decoration: none; background-color: #282548; }

.social-hm { float:right; margin-bottom: 0px;   margin-top: 20px;   margin-right: 10px; }
.social-hm  a { color: #f66726; font-size: 2.2em; text-decoration: none; padding-right: 10px; padding-bottom: 10px;}
.social-hm  a:hover { color: #416fd7;  }

.social { float:right; margin-bottom: 0px;     margin-right: 10px; }
.social a { color: #fff; font-size: 2.2em; text-decoration: none;}
.social a:hover { color: #e67724;  }

.navbar { padding: 1rem; }
nav .container { padding-left: 0px; }
.primary-menu .menu, .primary-menu .menu a,  .primary-menu .menu a:hover, .primary-menu .menu a.active  { background-image: none; background-color: #323640;}
.primary-menu,  .menu li li a  
   { font-size: 1em; background-image: none;  margin-left: 0px; margin-right: 0px; background-color: #323640;}
.menu a, .menu a:visited {     color: #fff; padding: 0px 10px;}
    .primary-menu a, .primary-menu a:visited { color:#fff; padding-left: 17px; padding-right: 17px; font-weight: 600; }
    .menu a:hover,  .menu a.active { color:#ff8c38; }

.secondary-menu { color:#fff; background-color: #01427e;  }
    .secondary-menu a, .secondary-menu a:visited { color:#fff;  }
    .secondary-menu a:hover { color:#fff; background-color: #377dbd;}
    .secondary-menu a.active {color:#fff;  background-color: #377dbd; }


/* Child menus */
.menu li li {  float: none; padding: 9px 10px 9px 0px; }
.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: ''; }

.primary-menu .menu li li a, #footer ul.menu .details-slide .primary-menu-item { border-bottom: solid 0px #fff; background-color: #fff;  color:#616060;}
.menu .details-slide.opened {   background-color: transparent; padding-left: 0px; border: 1px solid #cecdcd;}
.menu .details-slide.opened ul.details-slide {   margin-left: 100px; width: max-content;}
.secondary-menu ul ul li { padding-left: 0px; }
.secondary-menu ul ul { padding-left: 15px;}

/*mobile menu */
a.open-menu.details-opener.xs-opener { color: #000; padding: 10px 20px 7px 20px; }
a.open-menu.details-opener.xs-opener:hover { color: #a53c46;  }
.fa-bars:before { font-size: 1.8rem; }
.small-hidden-menu .xs-opener {border: none; background-color: #fff;    margin-top: 30px; margin-right: 20px; padding:  10px;    }

.small-hidden-menu ul li {     background-color: #323640;     padding-top: 10px; padding-bottom: 10px;  }
.small-hidden-menu li a:hover, .small-hidden-menu li a:active {     color: #f76726;  }

.small-hidden-menu .details-slide.menu { background-color: rgba(255,255,255,0.75);  padding-left: 0px; margin-top: 130px;}
.small-hidden-menu  li { line-height: 1em; }
.small-hidden-menu ul a.details-opener:after { font-family: FontAwesome; content: " \f107";} 
.small-hidden-menu .details-opener { }  

.nav-80769, .nav-80770, .nav-80771 {color: #fff;     text-align: center; padding-top: 20px; padding-bottom: 20px; }
.small-hidden-menu .nav-80769, .small-hidden-menu .nav-80770, .small-hidden-menu .nav-80771 { padding-top: 0px; padding-bottom: 0px; }
.small-hidden-menu .nav-80769 a, .small-hidden-menu .nav-80770 a, .small-hidden-menu .nav-80771 a {font-size: 1rem;     padding: 10px 15px;}
.nav-80769 a, .nav-80770 a, .nav-80771 a {color: #fff; font-weight: 800;     font-size: 1.8rem; line-height: 1; padding-left: 10px; padding-right: 10px;}
.nav-80769 a:hover, .nav-80770 a:hover, .nav-80771 a:hover {color: #fff; }
.nav-80769, .small-hidden-menu .nav-80769 a {background-color: #e8703a;}
.nav-80770, .small-hidden-menu .nav-80770 a {background-color: #416fd7;}
.nav-80771, .small-hidden-menu .nav-80771 a {background-color: #293e87;}
.nav-80769:hover, .nav-80770:hover, .nav-80771:hover, .nav-80769:active, .nav-80770:active, .nav-80771:active   {background-color: #323641;}


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

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


p { color: #000; font-size: 1.15em; line-height: 2.1;  font-family: 'Open Sans', sans-serif;}
ul li, ol li  { color: #000; font-size: 1.15em; line-height: 1.8; margin-bottom: 0.7em; font-family: 'Open Sans', sans-serif;}
.intro { font-size: 1.5em; font-weight: 500; line-height: 1.6; margin-top: 1em; margin-bottom: 1em; }
.box ol, .box ul { margin: 6px 10px 0 10px;     padding-left: 20px; }

h1 {     font-size: 3em;     color: #5a5d65;     font-weight: 700;     margin-bottom: 0.5em;     line-height: 1.2; }
h1 a, h1 a:visited { color:#5a5d65; }
h2 { font-size:1.8em; color:#333740; font-weight:800; margin-top:1em; margin-bottom:0.3em;  line-height: 1.3;} 
h2 a, h2 a:visited { color:#333740; }
h3 { font-size:1.4em; color:#5a5d65; font-weight:800;  margin-top: 0.5em; margin-bottom:0.5em; line-height: 1.4;}
h3 a, h3 a:visited { color:#5a5d65; }
h4 { font-size:1.4em; color:#313e6b; font-weight:600; margin-top: 1em; margin-bottom:1em; line-height: 1.35;}
h4 a, h4 a:visited { color:#313e6b; }
h5 { font-size:1.3em; color:#cd5620; font-weight:500; margin-bottom:0.4em; line-height: 1.4;}
h5 a, h5 a:visited { color:#cd5620; }
h6 { font-size:1.2em; color:#313e6b; font-weight:600; margin-bottom:0.4em; margin-top: 1em; line-height: 1.4;}
h6 a, h6 a:visited { color:#313e6b; }
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:#4383c7; }

.top-header a img { padding-top:30px; padding-bottom:30px; }
.top-header a img:hover { opacity: 1; }
a img:hover { opacity: 0.7; filter: alpha(opacity=70); }

a { color: #4055a0;  text-decoration:none; }
legend { font-size:1.2em; color: #313e6b; background-color:transparent;}
dt label { color: #4b5d61; }
.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: #0a8de9; }

/* CLASSES */
.blue-button {   border: 2px solid #0d569a; padding: 7px 7px; background-color: #01427e; width: 100%; display:block; text-align: center; color:#fff; }
.blue-button:hover  { border: 2px solid #01427e; background-color:#0d569a; }
.blue-button a:hover  { color:#f8c24f; }
.blue-button a, .blue-button a:visited   { text-decoration:none; color:#fff;}

.grey-background { padding: 8px 13px 8px 13px; background-color: #ebeae5;  text-align: center; display:block; margin-bottom: -1.1em;}
.grey-background a:hover  { color:#0392eb; }
.grey-background a, .grey-background a:visited   { text-decoration:none;}

.blue-rule { border-bottom: 2px solid #01427e; padding-bottom: 10px; margin-bottom: 30px;}
.blue-rule a:hover { color:#0392eb; text-decoration:none;}
.blue-rule a, .grey-rule a:visited   { text-decoration:none; }

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

/* Extra Content banners */
.banner {  position: relative; background-color: #2e3038;}
.top-left {  position: absolute;  top:10px;  left: 0; width: 100%; }
.bannerimage img { object-fit: cover;    height: 500px; opacity: 0.6;}
   @media screen and (max-width: 992px) { .bannerimage img  {  object-fit: cover; height: 460px; }}
   @media screen and (max-width: 576px) { .bannerimage img   {  object-fit: cover; height: 350px; }}
.bannertextimage {max-width: 600px; padding: 50px 40px 0px 40px;     margin-bottom: 0.2em; }  

.vid-banner  { background-color: #2e3038;   position: relative;    display: flex;    align-items: center;    justify-content: center;    padding: 0rem;    padding-top: 0px;    padding-bottom: 0px;    color: #fff;   text-decoration: none;    height: 100%;    max-height: inherit;    min-height: auto; z-index: 1; }
.vid-bannerimage  { width: 100%; line-height: 0; }
.vid-bannerimage img, .vid-bannerimage video { width: 100%; height: 600px;   -o-object-fit: cover;   object-fit: cover; opacity: 0.4;}
   @media screen and (max-width: 992px) { .vid-bannerimage img, .vid-bannerimage video  {   object-fit: cover; height: 460px;  }}
   @media screen and (max-width: 576px) { .vid-bannerimage img, .vid-bannerimage video   { object-fit: cover; height: 350px; }}

.bannertext { font-family: 'Raleway', sans-serif; font-size:2em; color:#fff; font-weight:800;  line-height: 1.2;  max-width: 1000px; padding: 60px 40px 20px 40px;     margin-bottom: 0.5em;  }  
   @media screen and (max-width: 1200px) { .bannertext  {  font-size: 1.5rem;  }}
.bannertextsm { font-size:2em; color:#fff; font-weight:700;  line-height: 1.2;  max-width: 1400px; padding: 10px 40px 20px 40px;     margin-bottom: 0.5em; }  
   @media screen and (max-width: 576px) { .bannertextsm  { font-size: 1.5em;}}

.hmpgbutton { color:#5d5e5e; margin: 20px auto; text-align: center; padding: 8px 20px; border-radius: 60px;     line-height: 2em; display: inline; background-color: rgba(253, 253, 253, 0.6);  font-weight:600; margin: 20px;}
.hmpgbutton:hover  { background-color: #fff; color: #5d5e5e;}
.hmpgbutton a { color:#5d5e5e; padding: 2px 12px; font-size: 1.1rem; }

/* CARDS*/
.card { border: none; margin: 0 3% 3% 0; background-color: transparent;  width: 22%;  }
  @media screen and (max-width: 1200px) { .card  { width:30%; }}
    @media screen and (max-width: 992px) { .card  { width: 45%; }}
    @media screen and (max-width: 768px) { .card  { width: 70%; padding-bottom: 25px; }}
    @media screen and (max-width: 576px) { .card  { width: 80%; padding-bottom: 25px; }}
/* Card images */
.card.card-theme .signature-image, .card .signature-image {   object-fit: cover;   max-height: 13rem; }
.card-img:hover { opacity: 0.7; }

/* Card body */
.card-body {   padding: 0.8rem 0 0 0;   height: 127px;   margin-bottom: 1rem; }
.card-body a { text-decoration: none; }
/* Card text */
p.card-text {   font-size: 1em;   line-height: 1.5; }
.card-theme p.card-text { display: none; }
.card-date { color: #cd5620; }
/* Card titles */
h5.card-title {   font-size: 1.5em;   font-weight: 700;   line-height: 1.3;   margin-bottom: .5rem; }
h5.card-title a { color: #5a5d64; }
h5.card-title a:hover { color: #cd5620; }

/* BASIC CARDS sig-image-left with heading & text-right*/
.card.mb-3.basic-layout {   width: 100%; }
.basic-layout img {   max-height: 10rem;      }
.card.mb-3.basic-layout .signature-image {   max-height: 10rem;   margin-bottom: 5px; width: 100%; }
.card.mb-3.basic-layout .article-image .signature-image {   max-height: 10rem;   object-fit: cover; }
.card.mb-3.basic-layout h3 { margin-top: 0.2em;     margin-bottom: 0.1em; }
.basic-layout .content-header .unimod-site-name,.basic-layout .content-header .event-page-name {  display: block;  /* add the categories */ }
.basic-layout .content-header h4.unimod-site-name, .basic-layout .content-header h4.event-page-name { font-size: 1.1em; }
.content-header img.broadcast-image { width: 18px;     height: 18px; }
.card.basic-layout .card-body { padding: 0; }
.card-body { overflow: hidden; height: 10rem; }
.basic-category p.unimod-category { margin-bottom: 0.2em;  }

/* Text layout in basic layout */
article a p, #fd-content-broadcast p {   line-height: 1.85;   font-size: 1.05em; }

/*  INDEX LISTINGS  */
.pagination-form { margin-top: 0; }
.content-header { margin-bottom: 10px; }
.broadcast-module-name { margin-top: 0; }
p.article-text a { color: #000; }
article a { text-decoration: none; }
.read-more:hover { color: #007bff; }
img.bordered { border: 1px solid #ccc9c9; }
.heading-region a, .heading-slogan a { text-decoration: none; }

/* Signature image general */
.signature-image {   margin-top: 3px;   width: 100px; border: none; }

/* Special FD content styles */
#fd-content-broadcast p.unimod-site-name {     line-height: 1;     font-size: 0.9em;    margin-bottom: 6px; }


#donation.panel { border-radius: 0px; }
#donation.panel-info {     border-color: #01427e; padding-top: 0px;}
#donation.panel-info.panel-heading {     color: #fff;     background-color: #01427e;
    border-color: #01427e; border-radius: 0px;}
#donation.btn-warning {     color: #fff;     background-color: #ff5b1a;     border-color: #ff5b1a;
    border-radius: 0px; }
#donation.btn-info {     color: #fff;     background-color: #076eb4;     border-color: #076eb4; }

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

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

.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; }

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

a.btn.broadcast-ignore-site, a.btn.broadcast-ignore {     text-decoration: none; }
.read-more:hover { color:#007bff;}
p.article-text {     line-height: 1.7; }

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


.footer-menu  { background-color: #323640; padding-top: 20px; padding-bottom: 5px; }
.footer-menu ul.menu { padding-inline-start: 0px; padding-left: 0px;}
.footer-menu .nav-80769.secondary-menu-item, .footer-menu .nav-80770.secondary-menu-item, .footer-menu .nav-80771.secondary-menu-item { background-color: transparent; padding-top: 5px;     padding-bottom: 0px;} 
.footer-menu a { font-size: 0.9rem;     font-weight: 600;}
.footer-menu a:hover {     background-color: #323640; }
.footer-menu .social a { font-size: 2rem; padding-left: 10px;}

#footer, #footer .container, .footer-menu .container {     background-color: #323640; }
#footer ul {  font-size: 0.9rem;  }
#footer a {    color: #fff; }
#footer a:hover {    color: #f99803 }
#footer { padding-bottom: 100px; }
#footer p { color: #fff; margin-top: 2rem;}
#footer ul.menu { padding-left: 0px; }
        /*********** custom file styles /uploads/sites/multiculturalnz/theme/css/custom.css*********/
        

        /******** custom page styles **************/