@import url('https://fonts.googleapis.com/css2?family=Ubuntu:wght@300;400;500;700&display=swap');
#tinymce { background-color: #fff; }

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

/* search form */
#search { float:left; width:120px; }
        #search fieldset { margin-bottom:0px; min-height:10px; }
                #search input { width:80px; border:none;  float:left;     text-transform: uppercase;    font-size: 0.9em;} 
                #search button {  background-color: transparent; border:none; }
                #search button:hover { color: #00a4b5; }

/* social  */
.social { margin-top:5px;  float:left;     font-size: 1.3rem; color:#000;}
.social .fa-envelope { color:#000; }
.social .fa-envelope:hover, .fa-brands:hover { color: #00a4b5; }
.fa-brands { padding-right: 5px; color:#000; }

    .members-login { font-size: 0.8em; padding:0px 10px; border-right:2px solid black;  margin-right:10px;  border-left:2px solid black; }
    .members-login:hover { color: #00a4b5; } 
    .members-login:active { color: #00a4b5; } 
    .logged-in .members-login { display: none; }
    .logged-in #search { border-right:2px solid black; margin-right:10px;}

/* colour the items */
.primary-menu div div div { border-bottom-style: solid; border-bottom-width:6px; } 
.nav-62276 {  border-color: #00a4b5; }  /* about */
.nav-63721 { border-color: #f26532; }  /* services */
.nav-62880 {  border-color: #fdb813; }  /* dance week */
.nav-63722 {  border-color: #b0b91b; }  /* publications */

.nav-62300 {  border-color: #004964; }  /* directory  */
.nav-62312 { border-color: #28d2e5; }  /*  see dance  */
.nav-62280 { border-color: #923474; }  /* jobs  */
.nav-63723 {  border-color: #02857d; }  /* news  */

.navbar { padding: 0rem 1rem; }
nav .container { padding-left: 0px;     padding-bottom: 10px;}
.primary-menu a, .primary-menu a:visited { color:#000; padding-bottom: 5px; display: block;     padding-top: 10px; text-decoration: none;     font-weight: 700; font-size: 1.03rem;}
.primary-menu { color:#000; text-transform:uppercase; font-size:1.0em; text-align:center; background-image:none; background-color:transparent;}
    .primary-menu a:hover,  .primary-menu a.active { color:#028390; }
    .menu a:hover,  .menu a.active { color:#028390; }

/*3 submenu*/
.sub-menu a { color:#fff;      display: block;       padding: 30px 25px 0px 25px;   text-align: center;      font-weight: 600;   text-transform: uppercase;}
.sub-menu a:visited { color:#fff;  }

.nav-76840 { background-color: #0ca0b6; }
.nav-76841 { background-color: #92bb23;}
.nav-76842 { background-color: #c71d6b;}
.nav-76840:hover, .nav-76841:hover, .nav-76842:hover { background-color: #4c4b4b; text-decoration: none;}

.sub-menu p {  margin-bottom:0px;} 
.nav-76840 p a, .nav-76841 p a, .nav-76842 p a { font-size:1.1em; padding: 10px;}
.nav-76840 p a:hover, .nav-76841 p a:hover, .nav-76842 p a { font-size:1.1em; padding: 10px; text-decoration: none;}

/* mobile menu */
a.open-menu.details-opener.xs-opener.tracked.opener-0 { color: #000;   padding: 10px 20px;  }
a.open-menu.details-opener.xs-opener.tracked.opener-0:hover { color: #019faf;     }

.small-hidden-menu .xs-opener {border: none; background-color: #fff;    margin-top: 30px; margin-right: 10px;     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: 110px;}

.small-hidden-menu .details-opener.secondary-menu-item  {  border:none;  font-size:1em; padding:0px;  padding:5px; font-weight:bold; }

.small-hidden-menu li { line-height: 1em; }
.small-hidden-menu ul li { background-color: #fff;}
.small-hidden-menu ul a.details-opener:after { font-family: "Font Awesome 6 Pro"; content: " \f107";} 
.secondary-menu-item .details-slide { background-color: #00a1af; }

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

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

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

/*  MIDDLE PANEL */
#middle-panel { margin:20px 0px 0px 0px; }

.nopadding {    padding: 0 !important;    margin: 0 !important; }

p { color: #254c65; font-size: 1.1rem; line-height:1.8; margin-bottom:1.2em; }
ul li, ol li  { color: #254c65; font-size: 1.1rem; line-height:1.4; }
.box ol, .box ul {  margin: 7px 10px 0 0px;  }

h1 {  color:#254c65;  font-size:2.9em;   text-transform:none;  font-weight:300;  margin-bottom:0.5em; } 
h1 a, h1 a:visited  { color:#254c65; }
h2 {  color:#009bab;  font-size:2.7em;   text-transform:none;  font-weight:300; margin-bottom:0.4em; padding-top: 0.5em; line-height: 1.4;} 
h2 a, h2 a:visited { color:#009bab; }
h3 {  color:#009bab;  font-size:2.5em;  text-transform:none;  font-weight:400;  margin-bottom:0.4em; } 
h3 a, h3 a:visited { color:#009bab; }
h4 {  color:#254c65;  font-size:1.6em;   text-transform:none;  font-weight:700;  margin-bottom:0.4em; } 
h4 a, h4 a:visited { color:#254c65; }
h5 {  color:#02a3b7;  font-size:1.6em;   text-transform:none;  font-weight:400;  margin-bottom:0.4em; } 
h5 a, h5 a:visited { color:#02a3b7; }
h6 {  color:#02a3b7;  font-size:1.3em;    text-transform:none;  font-weight:700;  margin-bottom:0.4em; } 
h6 a, h6 a:visited  { color:#02a3b7; }

.top-header a img { padding-top: 20px; padding-bottom: 20px;       padding-left: 10px;  max-width: 288px;}
.top-header a img:hover { opacity: 1; }
a img:hover { opacity: 0.7; filter: alpha(opacity=70); } 

a {  color:#03aac7; text-decoration:none; }
a:visited { color:#03aac7; }
a:hover { color:#02c7ea; }
article a { text-decoration:none; }
article a p, #fd-content-broadcast p { line-height: 1.85; font-size: 1.15em; color: #000;}
.content-header {     margin-bottom: 10px; }
.read-more:hover { color:#007bff; }
img.bordered {    border: 1px solid #ccc9c9; }
.signature-image {     margin-top: 3px; }
.content-header h3 {     margin-top: .2em; }

legend { color: #02a3b7; font-weight:400;  font-size:1.2em; 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; }

.addthis-box { float:right; margin-top:10px; }


/*RH Sign Up FORM */
.mc_embed_signup_scroll h2 { font-size: 1.5em;     font-weight: 600; margin-bottom: 0.1em; }
.indicates-required { text-align: right; line-height: 1;}
.mc-field-group label {     margin-bottom: 0.25rem;    margin-top: 0.5rem; }
.mc-field-group input {     width: 100%;  padding-bottom: 10px;}
#mc-embedded-subscribe.button { border: 2px solid #04bbce;    padding: 5px 15px;    background-color: #05bbce;
    width: auto;    color: #fff;    font-weight: 600;    text-transform: uppercase;     margin-top: 10px;}
#mc-embedded-subscribe.button:hover { border: 2px solid #037682; background-color: #037682; }

/* FIXED */
#search input.submit:hover { background-position: -9px -34px; }
#search input.submit { background-position: -9px -10px; }


/* FIXED - form legends full width*/ 

.mod-form legend {width:auto; padding-bottom: 10px; }


.openx-ad { border: none; text-align: right; padding:5px 2px; clear:both; margin-bottom:10px;  }
.google-bottom-ad { width: 478px; margin:0px auto; }



/* CLASSES */
.blue-box { padding: 8px 13px 8px 13px; background-color: #e7ecec;  text-align: center; display:block; margin-bottom: 0em; margin-top: 0em;}
.blue-box a, a:visited .blue-box  { text-decoration:none;}
.blue-box a:hover  { color:#0392eb; }

.grey-rule { border-bottom: 2px solid #254c65; padding: 20px 0px 10px ; margin-bottom: 20px;  }
.grey-rule a:hover { text-decoration:none;}

.button {   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, .button a:visited   { text-decoration:none;}
.button a:hover  { color:#fff; }
.button:hover a {  color: #c3d7df; } 

.caption { line-height:1.4em; font-size:0.9em; }
.paddingnone { padding-bottom: 0px; margin-bottom: 0px; margin-top: 0px; padding-top: 0px; margin-bottom: 0em;}
blockquote {   font-weight:600;   margin: 0.5em 0 1.5em 0;  padding-left: 30px; border-left: 6px solid #a09f9f; }
blockquote p {  color:#555; font-size:1.6em;}

.imagetext  { color: #fff;   font-size:1.5rem;  font-weight:300; display: block;     position: relative;   z-index: 30;    bottom: 79px; padding: 20px 30px;    left: 0px;  text-align: center;  line-height: 120%; background-color: black;     background: rgba(0, 0, 0, 0.6); margin-bottom: -79px;} 
.imagetext a { color: #fff; }
.imagetext:hover { background: rgba(0, 0, 0, 0.8); }
@media screen and (max-width: 800px) {.imagetext,  .imagetext a  { font-size:1.2rem; bottom: 55px; padding: 10px; } }
@media screen and (max-width: 576px) {.imagetext,  .imagetext a  { font-size:1.5rem; bottom: 65px;  margin-bottom: -65px; } }

/* Site BUTTONS*/
.btn.green {  color: #028553;  border: 2px solid #028553;  background-color: #fff; padding: 3px 5px 1px 5px;}
.btn.green:hover, .btn.green:active {background-color: #028553; border: 2px solid #028553; }
.btn.blue {  color: #0381cc;  border: 2px solid #0381cc; background-color: #fff;     border-radius: 20px; }
.modal-header button.close {     border: none;     border-radius: 50px;     background-color: #b3c9e7; }
.modal-footer button.btn.btn-default.btn-primary { background-color: #397bb8;     border-color: #397bb8; }


.btn.small.red    {color: #9e3a1b; border: 2px solid #9e3a1b;}
.btn.red {  color: #9e3a1b; border: 2px solid #9e3a1b; background-color: #fff; border-radius: 20px; }
.btn.red:active { border: #9e271b; background-color: #9e271b; color: #fff; }
.btn.red:hover { border: 2px solid #b1360f; background-color: #b1360f; color: #fff; }

/* GallerySlideshow */
.carousel-inner {      background-color: #000;     padding-top: 30px; }
.slick-prev.slick-arrow { left: 35px; }


#event-search-calendar td.day.new-day.active.selected {     background-color: #f7b61f; }
#event-details .event-dates .dropdown.active a, #event-details .event-dates .dropdown.active .dropdown-menu .active a  { background-color: #fff; }
.dropdown-menu.show {     padding: 5px;     width: 170px; }
ul .dropdown-menu.show li {     line-height: 1.25; }

/*PROFILE styles*/
.profile-mod-content.input-organisation_name h3 { color: #057783;  font-size: 2em; margin-bottom: 0em;}
.profile-mod-content.input-categories h4 {     font-size: 1.4em; font-weight: 500; }
.profile-mod-label {     font-weight: 700;     font-size: 1.1rem;     padding-top: 10px; }
.profile-mod-content.input-web a { font-size: 1.1rem; }

/*Card styles*/
.card { margin: 0 3% 3% 0;     width: 30%;  border: none; }
    @media screen and (max-width: 992px) { .card  { width: 45%; }}
    @media screen and (max-width: 768px) { .card  { width: 90%; }}
.card.card-theme .signature-image, .card .signature-image { object-fit: cover; max-height: 11rem;}
    @media screen and (max-width: 992px) { .card.card-theme .signature-image, .card .signature-image { max-height: 12rem; }}   

.card.card-theme .card-body, .card-body   { padding: 0.3rem 0rem 0rem 0rem;  margin-bottom: 30px;   height: 105px; }
.card.card-theme time { text-align: right; padding-top: 5px;    color: grey; font-size: 0.8rem;     font-weight: 800;}
h5.card-title { font-size: 1.7em; font-weight: 700; line-height: 1.2; margin-bottom: 0.5rem; }
h5.card-title a {color: #4D4A4A;  }
h5.card-title a:hover { color:#386EA8; }
.card-body a { text-decoration: none; }
.card-theme p.card-text { display:none; font-size: 1.2em;     line-height: 1.5; }

.card .cta { color: #4383c7; }
.card .cta:hover { color:#045ee8; text-decoration: underline; }


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

/* ALERTS */
.event-expired.alert.alert-danger.alert-dismissable p { margin-bottom: 0em; color:#000; }
.alert-danger {     --bs-alert-color: #842029;     --bs-alert-bg: #f36caa;     --bs-alert-border-color: #f36baa;     border-radius: 0; }
.event-expired.alert.alert-danger.alert-dismissable button.close {     border: none;     background-color: #f199c2; }

#footer, #footer .container { background-color: #000; }
#footer { padding-bottom: 500px; }
#footer p { color: #fff; }

#footer ul.menu { padding-left: 0px; margin: 10px 0px 50px 0px; }
#footer .menu ul { font-size: 0.9em; }
#footer .menu a { color:#fff; padding: 0px 10px 0px 3px;}
#footer .menu a:hover { color: #15e7f5;  }
#footer .menu a:active { color: #15e7f5;  }
        /*********** custom file styles /uploads/sites/danzclone/theme/css/custom.css*********/
        

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