/* Use this CSS file to override theme CSS rules */

/*#################################################################
Default turquoisey #2a6c7f
Default dark blue #283381
Default light blue #337ab7
Brown #AA3048
Yellow #FCDE1B
################################################################# */

.region-header-top-left {
    padding-top: 5px;
    padding-bottom: 0px;
}
.site-name a,
.site-name__header a {
    display: none !important;
}

#pre-header {
    background-color: #97C5E9 !important;
  }

.pre-header-area p {
    padding: 0; 
}

.pre-header-area p a {
    text-decoration: none; 
}

/* MAIN NAVIGATION BAR */
#block-mainnavigation {
    display: inline-block;
    padding:  0;
    float:  right;
}
.block-superfish {
    width: 90%;
}
#block-linkedinicon {
    float: left;
    display: inline-block;
    padding:  0;
}
.header-area ul.icons-list li i {
    line-height: 50px;
}


#header-top {
    background-color: #ffffff !important;
  }

#header {
    background-color: #2a6c7f !important;
    border-bottom-color: #AA3048 !important;
}

.homepage-info {
    color:  #D9091D;
    font-size: 100%;

}

#block-homepageintroblock {
    padding-bottom: 10px;
}

#top-content {
    padding: 30px 0 0 0;
    border-bottom: 6px solid #AA3048;
}

#highlighted {
    border-bottom: none;
    padding-bottom: 0;
    margin-bottom: 0px;
    padding-left: 15px;
    padding-right: 15px;
}

.search-block-form {
	width: 300px;
    float: right;
}

.header-top-area input[type="submit"] {
    background-color: #2A6D7E;
}

.node--type-landing-page .block {
	background-color: #f8f8f8;
	padding: 10px;
}

.node--type-member-society img {
    width: 300px;
    float: left;
    margin: 0 10px 5px 0;
}

#main {
  margin: 0 30px 0 30px;
}

#main-content {
    padding-top: 30px !important;
}

.sidebar .block {
  margin: 0 30px 20px 0;
}

#block-newslettersignup a,
#block-aboutescl a {
    color: #337ab7 !important;
}

a, 
ul.menu li a, 
.page-node-2064 .view-courses a {
    color: #AA3048;
}

h1 {
  font-size: 250%;
  color: #283381;
}

h2 {
    margin-top: 7px;
    margin-bottom: 20px;
    font-size: 18px;
    font-weight: 700;
    color: #283381;
    font-size: 24px;
}
h2 a, .views-field-title a {
    color: #11386F;
    font-size: 24px;
}

h3 a, 
.views-field-title h3 a,
h3.field-content {
    color: #11386F;
    font-size: 20px;
}

/* MAIN STYLES */
h1, h2, h3, h4 {
    color: #2A6D7E;
    font-weight: 500;
}
h2 a, h3 a, h4 a {
    color: #AA3048 !important;
    font-size: 24px !important;
    font-weight: 500 !important;
}

/* Next webinar on homepage */
.view-display-id-webinars .views-field-start-date {
    border-top: none;
    padding-top: 0;
    margin-top: -15px;
}

/* MAIN MENU */
#main-navigation ul.menu li a.is-active,
#main-navigation ul.menu li a:hover,
#main-navigation .active-trail .sf-depth-1 .menuparent {
    background-color: #AA3048 !important;
    color: #ffffff;
}

#main-navigation ul.menu li  {
    background-color: #2a6c7f;
    color: #ffffff;
}

ul.menu a.is-active {
    background-color: #2a6c7f;
    color: #ffffff;
}

/* SIDEBAR MENU */

#block-mainmenu-2 ul.menu li a:hover,
#block-mainmenu-3 ul.menu li a:hover,
#block-mainmenu-4 ul.clearfix li a:hover,
#block-mainmenu-5 ul.menu li a:hover,
#block-mainmenu-6 ul.menu li a:hover,
#block-mainmenu-7 ul.menu li a:hover,
#block-mainmenu-8 ul.menu li a:hover {
    background-color: #AA3048 !important;
    color: #ffffff;
}

.views-field-title {
    margin-bottom: 5px;
}

/* Views pages */
.views-field-field-publisher, 
.view-events .views-field-body,
.view-courses .views-field-field-institution {
    padding-bottom: 5px;
    border-bottom: 1px solid;
    border-bottom-color: #11386F;
}
.views-field-field-event-date {
    padding-top: 20px;
}
/*.view-papers-with-search .views-field-field-author {
    padding-top: 20px;
} */

/* Cross heads on the homepage */
.homepage-heading {
    font-size: 180%;
    color:  #D9091D;
}
h2.home {
    padding-top: 15px;
    margin-bottom: 0;
    border-top: 1px solid;
    border-top-color: #11386F;
}
.view-display-id-next .views-field-body,
.view-display-id-latest .views-field-field-publisher {
    border: none;
}
.see-more {
    float: right;
    padding-top: 10px;
}

.border-top {
    border-top: 1px solid;
    padding-top: 10px;
}

/* node */
/* event */
.field--name-field-your-scl h3 {
    font-size: 16px;
    margin-bottom: 0;
}
.field--entity-reference-target-type-taxonomy-term {
    margin-bottom: 15px;
}
.field--entity-reference-target-type-taxonomy-term ul.links li a {
    font-size: 20px;
}
.field--name-field-event-date {
    font-size: 20px;
    font-weight: 600;
}
.field--name-field-event-time {
    font-style: italic;
    padding-bottom: 10px;
}
/* Course */
.node--type-course ul.links li a {
    font-size: 20px;
}
.node--type-course ul {
    padding-inline-start: 0;
}
.node--type-course .field--name-field-institution {
    padding-bottom: 15px;
}

/* SEARCH FILTERS */
input.form-text, input.form-tel, input.form-email, input.form-url, input.form-search, input.form-file, input.form-number, input.form-color {
    font-size: 14px;
    padding: 10px 15px;
    border: 1px solid #c5c5c5;
    line-height: 1;
    height: 30px;
}
select.form-select, select {
    height: 30px;
    border: 1px solid #c5c5c5;
    padding: 5px 15px;
}
select {
    margin:  0;
}
.form-item {
    margin:  0 0.5em 1em 0;
}
input[type="submit"] {
    margin-top: 0;
    margin-bottom: 8px;
}
.view-header {
    margin-bottom: 10px;
}

/* LOG IN BLOCK */
#block-userlogin {
    border: solid #AA3048 1px;
    padding: 15px;
}

a.button, input[type="submit"], 
input[type="reset"], 
input[type="button"] {
    background-color: #AA3048;
}


.col-md-4 #sidebar-second {
        padding-left: 30px;
    }

/*---------------
FIXES FOR MOBILE
----------------*/

@media (max-width: 767px) {
    #superfish-main-toggle {
        color: #2a6c7f;
    }
    .logo {
        width:  100%;
        transform: none;
        -webkit-transform: none;
    }
    .logo img {
        max-width: 100%;
    }
    #block-homepageintroblock {
        display: none;
    }
}