@import url('https://fonts.googleapis.com/css2?family=Josefin+Sans&display=swap');

/*Header changes*/
#header-inner {max-width: none;}
#logo {width: 250px; position: relative; left: 50%; outline: 0 !important;}
#logo img{position: relative; left:-50%;}

/*main menu changes*/
#main-menu {position: relative; font-family: 'Josefin Sans', sans-serif; width: calc(100% - 50px)}
#main-menu a [href$="/content/new"] {pointer-events:none;}
#main-menu li a.active-trail {margin-top:0;border-top:0 !important; background-color: initial !important; color: white !important;}
#main-menu li a:after {color: white !important;}

#main-menu .menu {display: flex; text-align: center !important;}
#main-menu .menu li:nth-child(5n + 1){background-color: #E09F5C !important;}
#main-menu .menu li:nth-child(1) a:before { content: "";position: absolute;left: -40px;top:0;border-left: 23px solid transparent;border-right: 23px solid #E09F5C;border-top: 23px solid #E09F5C;border-bottom: 23px solid #E09F5C;z-index: 5;}
#main-menu .menu li:nth-child(1) a:hover:before{border-right-color: #021D49 !important;border-top-color: #021D49 !important;border-bottom-color: #021D49 !important;}
#main-menu .menu li:nth-child(5n + 2) {background-color: #596670 !important;}
#main-menu .menu li:nth-child(5n + 3) {background-color: #021D49 !important;}
#main-menu .menu li:nth-child(5n + 3) a:hover{background-color: #354A6E !important;}
#main-menu .menu li:nth-child(5n + 4) {background-color: #AB121C !important;}
#main-menu .menu li:nth-child(5n + 5) {background-color: #50BECD !important}

#main-menu .menu .menu {width: 100% !important; text-align: left !important}
#main-menu .menu .menu .is-leaf {background-color: #FCFCFC !important;}
#main-menu .menu .menu .is-leaf a {color: #6E6E6E !important}


/*Navigation Changes*/
#navigation {background-color:none; border-top: none; padding-right: 0}
#navigation, #header {background-image:none;}
#navigation #main-menu li {flex-grow: 1;}
#navigation #topnav-inner {max-width: none; display: flex; justify-content: flex-end;padding: 0}

/* Hero Changes */
#content .pane-content:nth-child(1) {border: none; box-shadow: none;}
.hero-inner h2 {font-size:300%; }

/*News Changes*/
#content .pane-content:nth-child(2):before { content: ""; background-image: url(https://www.ihconline.org/images/dots.svg); width: 600px; height: 420px; position: absolute; left: -240px;bottom:175px;z-index: -10;}
#content .inside .panel-pane .pane-title {background-color: transparent !important; background-image: none; color: #021D49; font-size: 3em; font-weight: bold; border-bottom: 0;position: relative;margin:0 10%;}
#content .inside .panel-pane .pane-title:before {content: "";position: absolute;background: url(https://www.ihconline.org/images/plus.svg) center center no-repeat; height: 100px; width: 100px; left: -150px; top: 40px}
#content .pane-content:nth-child(2) {border: none; box-shadow: none; margin:0 10%;}

/*Footer Changes*/
#footer-inner {max-width: none !important; padding: 0 !important;}

/*Tab Changes*/
.tabs {
    text-transform: capitalize !important;
    font-family: 'Josefin Sans', sans-serif !important;
}

#tabs-container ul {
    border: none !important;
}

#tabs-container li {
    margin-bottom: 0px;
    margin-right: -1px;
}

#tabs-container li a {
    background-image: none !important;
    background-color: white;
    border: 2px solid #021D49 !important;
    color: #021D49;
    padding: 8px 16px;
    margin-top: 10px !important;
}

#tabs-container .tabs-primary li:first-child a {
    border-top-left-radius: 20px;
    border-bottom-left-radius: 20px;
}

#tabs-container .tabs-primary li:last-child a {
    border-top-right-radius: 20px;
    border-bottom-right-radius: 20px;
}

#tabs-container li a:hover {
    background-color: #021D49;
    color: white;
    padding-top: 8px;
    margin-top: 10px !important;
}


#tabs-container .tabs-primary li a.is-active, .horizontal-tabs ul.horizontal-tabs-list li.selected a, .resp-tabs-list .resp-tab-active a {

    margin-right: 0px !important;
    padding: 8px 16px !important;
    color: white;
    background-color: #021D49;
    border: 2px solid #021D49 !important;
}

#tabs-container .tabs-primary li a.is-active:hover, .horizontal-tabs ul.horizontal-tabs-list li.selected a:hover {
    color: white;
    background-color: #021D49;
    margin-right: 0px;
}

#tabs-container .tabs-secondary {
    margin: 20px auto;
    width: 95%;
}

#tabs-container .tabs-secondary li {
    border: none !important;
}

#tabs-container .tabs-secondary li a{
    border: none !important;
    background-image: none !important;
    font-size: 90%;
    background-color: white;
    box-shadow: none;
    padding: 6px 8px 2px 8px;
    margin-right: 35px;
}

#tabs-container .tabs-secondary li a:hover {
    border: none !important;
    background-color: white;
    box-shadow: none;
    border-bottom: 2px solid #021D49 !important;
    color: #021D49;
    padding: 6px 8px 2px 8px;
}

#tabs-container .tabs-secondary li a.is-active {
    border: none;
    color: #021D49;
    font-size: 95%;
    background-color: white;
    padding: 5px 8px 2px 8px;
    font-weight: bold;
    border-bottom: 2px solid #021D49 !important;
}

#tabs-container .tabs-secondary li a.is-active:hover {
    border: none;
    color: #021D49;
    font-size: 95%;
    background-color: white;
    padding-top: 5px;
    font-weight: bold;
    border-bottom: 2px solid #021D49 !important;
}

#content-area .resp-tabs-list li a {
  border: none !important;
  background-color: white;
  background-image: none !important;
  color: #021D49;
  text-transform: capitalize;
  font-size: 90%;
  font-family: 'Josefin Sans', sans-serif;
  box-shadow: none !important;
  padding: 6px 8px 2px 8px !important;
  margin-right: 35px !important;
}

#content-area .resp-tabs-list li a:hover {
  border: none !important;
  background-color: white;
  box-shadow: none;
  border-bottom: 2px solid #021D49 !important;
  color: #021D49;
  padding: 6px 8px 2px 8px;
}

.resp-tab-active {
  border: none !important;
  font-weight: bold !important;
}

#content-area .resp-tabs-list li.resp-tab-active a {
  border: none !important;
  background-color: white;
  box-shadow: none;
  color: #021D49;
  padding-top: 9px !important;
  border-bottom: 2px solid #021D49 !important;
}

#content-area .resp-tabs-list li.resp-tab-active a:hover {
  border: none !important;
  background-color: white;
  box-shadow: none;
  color: #021D49;
  
  border-bottom: 2px solid #021D49 !important;
}

#content-area .resp-tabs-list li a.group-register {
  background-color: initial;
  color: initial;
}

#content-area .resp-tabs-list li.resp-tab-active:after {
  display: none !important;
}

#content-area .resp-tabs-list {
  border: none;
}

/*Table Styles*/
#content-area th a, #content-area .view th a {
    text-decoration: none; text-transform: capitalize;
}

table td:not(views-field-title) {
    font-size: 110%;
    color: #021D49;
    padding-left: 15px;
}

table tbody {
    border: none;
    border-bottom: 10px solid #021D49;
    box-shadow: none;
}

table tr.even {
    background-color: #dbdcde;
}

table tr.odd {
    border-top: none;
}

table td.views-field-title {
    font-weight: bold;
    padding-left: 5px !important;
}

#content-area thead th:first-child {
    padding-left: 5px;
}

table.footable>tbody>tr>td, #content-area thead th {
    border-right: 2px solid white;
    padding-left: 15px;
}

/*Form Styles */

#content-area input[type="submit"], .course-take-course-link {
    border-radius: 15px;
    background-image: none !important;
    background-color: #50BECD;
    box-shadow: none !important;
    text-transform: capitalize;
    text-shadow: none !important;
    font-family: 'Josefin Sans', sans-serif;
    border: none;
}

#content-area input[type="submit"]:hover, .course-take-course-link:hover {
    background-color: #198C9A;
}
.course-take-course-link:after {
  top: 1.4px;
}

.view-course-credit-awarded-log .views-exposed-form .views-widget-filter-title {
    padding-top: .85em;
}

.views-submit-button {
    padding-top: .95em !important;
}
.field-label {
    color: #021D49;
    text-transform: capitalize;
    font-weight: normal !important;
    font-family: 'Josefin Sans', sans-serif;
}

.field-item {
    font-size: 90%;
}

.pdf-link {
background: none;
margin: 60px 34px 0 0;
background-color: #50BECD;
padding: 8px 12px 6px;
color: white;
border-radius: 15px;
text-shadow: none !important;
font-family: 'Josefin Sans', sans-serif;
}

.pdf-link:hover {
    background-color: #198C9A;
    color: white;
}

/*Other Styles*/
.user-profile .field-name-profile-email {
    font-family: 'Josefin Sans', sans-serif;
    text-transform: lowercase;
}

h3 {
    text-transform: capitalize;
}

/*Calendar Styles*/

.pager .date-prev a, .pager .date-next a {
padding: 8px 12px 6px !important;
text-shadow: none !important;
box-shadow: none !important;
text-transform: capitalize !important;
font-family: 'Josefin Sans', sans-serif !important;
font-size: 110% !important;
}

.pager .date-prev a:hover, .pager .date-next a:hover {
    background-color: #354A6E !important;
}

/*All Styles*/
.ihc-button {background-color:#50becd; border-radius:20px; color:white; cursor:pointer; padding:10px; text-align:center; width:20%; margin: 0 auto;font-weight: bold;margin-bottom: 15px;}
.ihc-button:hover {background-color: #198C9A !important;}
.orange {background-color: #E09F5C !important;}
.orange:hover {background-color: #AD6C29 !important;}
.align-left{margin-left: 0;}
h1,h2, h3, h4, h5 { font-family: 'Josefin Sans', sans-serif;}
h1.title { margin-bottom: -20px; text-transform: capitalize;}
body { font-family: Arial, Helvetica, sans-serif; color: #021D49;}
a:hover { color: #0067b3;}

div#crumbs {
    display: none;
}
#content-area .view-ethosce-catalog .catalog-list-row .catalog-details > div {white-space: normal !important;}
#content-area .view-ethosce-catalog .catalog-list-row .catalog-details .catalog-category {width:250px !important;}

@media (max-width: 850px) {
#main-menu .menu li:nth-child(1) a:before  {border-top: 35px solid #E09F5C; border-bottom: 35px solid #E09F5C;}
#main-menu li {display: flex; align-items: center;}
#logo, #logo img {left: 0;}
}
@media (max-width: 992px) {
#content .panels-ipe-portlet-wrapper:nth-child(2) {max-width: none;}
.ihc-button {width: 50%;}
.align-left {margin-left: auto; margin-right: auto;}
.pdf-link {margin: 0;}
#tabs-container {display: block;}
.hero-inner h2 {font-size: 200%;}
.hero-inner {margin: 0;padding:0 !important;}
}

.page-user-activities-external-credits #content-area:before {display:block;content:"External credits are continuing education credits awarded outside of iCompass Academy. Awarded within iCompass Academy are certificates of completion or attendance.";margin-bottom:20px;}