
/* Custom Colors */
.custom-primary-hover-effect {
    transition: ease background 300ms;
}

.custom-primary-hover-effect:hover {
    background: var(--primary);
}

@media (min-width: 992px) {
    #header .header-nav-main nav > ul > li {
        height: auto !important;
        align-self: stretch;
        margin: auto !important;
        background-color: rgba(255, 255, 255, 0.5) !important;
    }

    #header .header-nav.header-nav-links:not(.header-nav-light-text) nav > ul > li > a, 
    #header .header-nav.header-nav-line:not(.header-nav-light-text) nav > ul > li > a,
    #header .header-nav.header-nav-links:not(.header-nav-light-text) nav > ul > li > span,
    #header .header-nav.header-nav-line:not(.header-nav-light-text) nav > ul > li > span{
      color: var(--black);/* !important*/
      padding: 0 .9rem !important;
      margin: 1px 0 0 !important;
      min-height: 60px !important;
      height: 100% !important;
      font-size: 14px !important;
      font-style: normal !important;
      font-weight: 600 !important;
      letter-spacing: 0 !important;
    }

    #header .header-nav-main nav > ul > li > span{
      padding: 0.5rem 1rem;
    }

    .cic-logo{
        margin-top: 0px !important;
    }

    .sticky-header-active .cic-logo{
        background-color: var(--light) !important;
        height: 255px !important;
        border-radius: 0 0 5px 5px;
    }

    .sticky-header-active .cic-logo img{
        margin-top: 100px !important;
    }
}

.cic-logo a{
  background-color: rgba(255, 255, 255, 0.5) !important;
  border-radius: 5px;
}

#header .header-nav.header-nav-links:not(.header-nav-light-text) nav > ul > li > a, 
#header .header-nav.header-nav-line:not(.header-nav-light-text) nav > ul > li > a,
#header .header-nav.header-nav-links:not(.header-nav-light-text) nav > ul > li > span,
#header .header-nav.header-nav-line:not(.header-nav-light-text) nav > ul > li > span{
  color: var(--black);/* !important*/
  padding: 0 .9rem !important;
  margin: 1px 0 0 !important;
  min-height: 35px !important;
  height: 100% !important;
  font-size: 14px !important;
  font-style: normal !important;
  font-weight: 600 !important;
  letter-spacing: 0 !important;
}

  #header .header-nav-main nav > ul > li.dropdown-mega .dropdown-mega-sub-nav > li:hover > a, #header .header-nav-main nav > ul > li.dropdown-mega .dropdown-mega-sub-nav > li:active > a, #header .header-nav-main nav > ul > li.dropdown-mega .dropdown-mega-sub-nav > li:focus > a {
  background: var(--secondary);
}

  /*#header .header-nav.header-nav-links nav > ul > li > a, 
  #header .header-nav.header-nav-line nav > ul > li > a, */

  #header .header-nav.header-nav-links nav > ul > li:hover > a, 
  
  #header .header-nav.header-nav-line nav > ul > li:hover > a ,
  #header .header-nav.header-nav-links nav > ul > li:hover > span 
  {
      color: var(--primary) !important;
      
  }

#header .header-nav-main nav > ul > li.dropdown .dropdown-menu li:hover > a, 
#header .header-nav-main nav > ul > li.dropdown .dropdown-menu li:focus > a, 
#header .header-nav-main nav > ul > li.dropdown .dropdown-menu li.active > a, 
#header .header-nav-main nav > ul > li.dropdown .dropdown-menu li:active > a, 
#header .header-nav-main nav > ul > li.dropdown .dropdown-menu li.open > a, 
#header .header-nav-main nav > ul > li.dropdown .dropdown-menu li.accessibility-open > a {
  background-color: var(--primary) !important;
  color: var(--light) !important;
}

#header .header-nav-main nav > ul > li > span{
  display: inline-flex;
  align-items: center;
  white-space: normal;
  font-weight: 600;
  padding: 7px 8px;
  text-transform: uppercase;
  text-decoration: none;
  cursor: pointer;
}

#header .header-nav-main nav > ul > li > span:after {
  display: none;
}

#header .header-nav-main nav > ul > li > a.dropdown-toggle .fa-chevron-down,
#header .header-nav-main nav > ul > li > span.dropdown-toggle .fa-chevron-down
{
  display:block !important;
  margin-left: 5px;
}

/*#header .header-nav-main nav > ul > li > span.dropdown-toggle .fa-chevron-down
{

  margin-left: 5px;
}*/

  #header .header-nav.header-nav-links nav > ul:not(:hover) > li > a.active, 
  #header .header-nav.header-nav-links nav > ul:not(:hover) > li > a.is-active,
  #header .header-nav.header-nav-links nav > ul:not(:hover) > li > span.is-active
  {
      color: var(--primary) !important;
  }

  #header .header-nav-main nav > ul > li > ul> li > a.is-active{
    background: var(--primary);
    color: var(--light) !important;
  }

  #header .header-nav-main nav > ul> li:has(ul li a.is-active) > a, #header .header-nav-main nav > ul> li:has(ul li a.is-active) > span{
    color: var(--primary) !important;
  }

/* Header Nav Main Mobile - Skin */
@media (max-width: 991px) {
	#header .header-nav-main:not(.header-nav-main-mobile-dark) nav > ul > li > a {
		color: var(--black) !important;
    display: inline-flex;
    align-items: center;
	}

	#header .header-nav-main:not(.header-nav-main-mobile-dark) nav > ul > li > a:is-active {
		color: var(--primary) !important;
	}

    .cic-logo img{
        width: 100px;
        height: auto;
    }

    #header .header-nav-main nav > ul li a.dropdown-toggle .fa-chevron-down, 
    #header .header-nav-main nav > ul li span.dropdown-toggle .fa-chevron-down {
      position: absolute;
      top: 10px;
      right: 0;
      width: 30px;
      height: 100%;
      display: flex;
      /*align-items: center;*/
      justify-content: center;
      font-size: 0.6rem;
    }
}

/**************
* admin menu
*****************/
#toolbar-administration {
  z-index: 1100;
  position: fixed;
}

body.toolbar-fixed{
  padding-top:70px !important;
}
body.toolbar-fixed .header-body{
  top:70px !important;
}
/**************
* node actions
*****************/
.node-actions{

}
.node-actions li{
  padding-right: 15px;
}
.node-actions li a{
  color: #000000;
}
.node-actions li a.is-active{
  font-weight: bold;
}
/*******************
* webforms style 
*******************/

/*progress bar*/
.webform-progress .progress-step.is-active .progress-marker::before, .webform-progress-tracker .progress-step.is-active:hover .progress-marker::before {
    background-color: #8a143b;
  }
  
  
  /* cards */
  .webform-card-title{
    color:#8a143b;
    text-decoration: underline;
  }
  
  /* legend for radio */
  .webform-type-radios legend{
    font-weight:bold;
    font-size: 1rem;
  }
  .webform-submission-form .webform-options-display-side-by-side{
    border: 1px solid #ced4da;
    border-radius: .25rem;
    padding: 0rem .75rem !important;
    margin-top: 4px;
  }
  
  /* legend for radio buttons*/
  .radio-label {
    font-size: 1rem !important;
  }
  
  .form-item label{
    font-weight:bold;
  }
  
  .form-actions.webform-actions{
    text-align: right;
    margin-top: 40px;
  }
  
  /* submit buttons */
  .form-actions.webform-actions .button, .upload_file_button, .webform-confirmation__back a{
    color:#ffffff;
    background: #8a143b;
    border:none;
    padding:5px 10px !important;
  }
  .form-actions.webform-actions .button:hover{
    border:1px solid #8a143b;
  }
  .webform-confirmation__back a:hover{
    color:#8a143b;
    background: #ffffff;
    border:1px solid #8a143b;
  }
  
  /** error **/
  .webform-submission-form strong.error, .form-item--error-message{
    color:red;
    font-size:10px;
  }
  
  /* general input styles */
  .webform-submission-form input[type=text], .webform-submission-form input[type=number], 
  .webform-submission-form input[type=tel], .webform-submission-form input[type=email], .webform-submission-form input[type=date], 
  .webform-submission-form textarea, .webform-submission-form select{
    width:100%;
    font-size: .875em !important;
      color: #6c757d;
  }
  .webform-submission-form input, .webform-submission-form select, .webform-submission-form textarea{
    border: 1px solid #ced4da;
      border-radius: .25rem;
    margin-top: 4px !important;
  }
  
  .webform-submission-form input, .webform-submission-form textarea{
  padding: .375rem .75rem !important;
  }
  
  /** flexbox styles **/
  .webform-submission-form .webform-flexbox:not(:last-child){
    border-bottom:1px solid gray;
    padding-bottom: 15px;
    margin-bottom: 5px;
  }
  
  .special-label-group-1 h3{
    font-size: 20px;
    color: #faae45;
  }
  
  .special-label-group-2{
    font-size: 20px;
    color: #faae45;
  }
  .container-inline div.form-item {
    display: inline-block;
  }
  
  /* special fieldset*/
  .special-field-set-1{
    border-bottom: 3px solid black;
    margin-bottom: 40px;
  }
  .special-field-set-1 legend{
    color: #faae45;
    border-bottom: 1px solid #faae45;
  }
  
  /** webform confirmation **/
  .webform-confirmation-message{
  text-align:center;
  }
  .webform-confirmation-message h3{
  color: #8a143b;
  }
  .webform-confirmation-message h4{
  color: #faae45;
  }
  .form-select{
    padding: 0.375rem 2.25rem 0.375rem 0.75rem;
  }
  
  .webform-multiple-table--operations-two input[type="image"] {
      padding: 0 !important;
  }
  
  @media only screen and (min-width:992px){
      .form50 form{
          width: 50%;
              margin: 0 auto;
      }
  }
  
  .form50 #children_table table{
      width: 100% !important;
  }

/*******************
* end of webforms style 
*******************/

.floating-icons{
  position: fixed;
  top: 80%;
  z-index: 1300;
}

.floating-icons ul{
  flex-direction: column;
}

.floating-icons ul li{
  margin-bottom: 5px;
  background-color: rgba(255, 255, 255, 0.8) !important;
}

.floating-icons ul li a{
  font-size: 25px;
  padding: 10px;
}

.floating-icons ul li a.whatslink{
  color:#25d366;
}

.floating-icons ul li a.facelink{
  color:#4267B2;
}

h1, h2, h3, h4, h5, h6{
  letter-spacing: normal !important;
}