/**
Theme Name: Dr. Hertoghe Medical School
Author: Maintainn
Author URI: https://maintainn.com
Description: Astra is the fastest, fully customizable & beautiful theme suitable for blogs, personal portfolios and business websites. It is very lightweight (less than 50KB on frontend) and offers unparalleled speed. Built with SEO in mind, Astra comes with schema.org code integrated so search engines will love your site. Astra offers plenty of sidebar options and widget areas giving you a full control for customizations. Furthermore, we have included special features and templates so feel free to choose any of your favorite page builder plugin to create pages flexibly. Some of the other features: # WooCommerce Ready # Responsive # Compatible with major plugins # Translation Ready # Extendible with premium addons # Regularly updated # Designed, Developed, Maintained & Supported by Brainstorm Force. Looking for a perfect base theme? Look no further. Astra is fast, fully customizable and beautiful theme!
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: dr-hertoghe-medical-school
Template: astra
*/

/* Fix overflow issue */
#page {
	overflow: hidden;
}

/* Nav Container */
.secondary-menu-container {
	background-image: url(https://hertoghemedicalschool.eu/wp-content/themes/hms/assets/images/top1.jpg);
	background-repeat: no-repeat;
	background-size: cover;
	margin-left: calc(50% - 50vw);
	margin-right: calc(50% - 50vw);
	position: relative;
	margin-top: 52px;
	width: 100vw;
}

/* Nav list element. */
.before-content-nav {
	list-style: none;
	margin: 0;
	padding: 12px 30px;
}

/* Nav list item. */
.before-content-nav li {
	font-family: "myriad-pro",sans-serif;
	line-height: 1.1;
	font-size: 1.125rem;
	font-weight: 600;
	text-transform: uppercase;
}

/* Nav list link */
.before-content-nav li a {
	color: #fff;
	display: inline-block;
	font-size: 1.125rem;
	padding: 3px 15px;
}

#primary-menu a {
	display: block;
	text-align: left;
}

ul#primary-menu a::after {
	display: none;
}
/* fl-node-content div#ticker */
.fl-node-content div#ticker {
	max-width: 1320px;
	overflow: hidden;
}

/* Background Gradient Color */
.site-header .main-header-bar-wrap .main-header-bar,
.fl-node-content div#ticker,
.ast-custom-footer .fl-node-5cf6bd38307d9 > .fl-row-content-wrap {
	background-color: #ff4c00;
	background-repeat: no-repeat;
	background-image: -webkit-gradient(linear,left top, right top,color-stop(1.23%, #ff4d00),color-stop(20.28%, #ff5000),color-stop(34.82%, #ff5a00),color-stop(47.85%, #ff6a00),color-stop(60.02%, #ff8100),color-stop(71.46%, #ff9e00),color-stop(81.47%, #ffbf00),color-stop(84.02%, #ffb700),color-stop(87.95%, #ffa200),color-stop(92.77%, #ff7f00),color-stop(98.24%, #ff4e00),to(#ff4d00));
	background-image: -webkit-linear-gradient(left,#ff4d00 1.23%,#ff5000 20.28%,#ff5a00 34.82%,#ff6a00 47.85%,#ff8100 60.02%,#ff9e00 71.46%,#ffbf00 81.47%,#ffb700 84.02%,#ffa200 87.95%,#ff7f00 92.77%,#ff4e00 98.24%,#ff4d00 100%);
	background-image: -o-linear-gradient(left,#ff4d00 1.23%,#ff5000 20.28%,#ff5a00 34.82%,#ff6a00 47.85%,#ff8100 60.02%,#ff9e00 71.46%,#ffbf00 81.47%,#ffb700 84.02%,#ffa200 87.95%,#ff7f00 92.77%,#ff4e00 98.24%,#ff4d00 100%);
	background-image: linear-gradient(left,#ff4d00 1.23%,#ff5000 20.28%,#ff5a00 34.82%,#ff6a00 47.85%,#ff8100 60.02%,#ff9e00 71.46%,#ffbf00 81.47%,#ffb700 84.02%,#ffa200 87.95%,#ff7f00 92.77%,#ff4e00 98.24%,#ff4d00 100%);
	-webkit-transition: all 3s ease 0.5s;
	-o-transition: all 3s ease 0.5s;
	transition: all 3s ease 0.5s;
}

/* Background Hover Animation */
.ast-theme-transparent-header .main-header-bar:hover,
.fl-node-content div#ticker:hover
{
	background-position: -1215px 0;
	z-index: 3;
}

/* Make slider z-1 for ticker */
.fl-node-5cf6ae37c9678 {
	position: relative;
	z-index: 1;
}



/* Remove spacing from ticker */
div#ticker .fl-module-content {
margin-top: 0;
margin-bottom: 0;
}

header#masthead {
	max-width: 1320px;
	margin: 0 auto;
}

#primary {
	margin-bottom: 10px !important;
}

#primary-menu a, footer .fl-menu a {
	text-transform: uppercase;
}

#menu-item-372 span,
#menu-item-373 span,
#menu-item-374 span {
	text-transform: capitalize;
}

#primary-menu .menu-item-has-children ul a {
	text-transform: capitalize;
	font-size: 0.8em;
	margin-left: 10px;
}

#primary-menu .menu-item-has-children ul li:last-child {
	margin-bottom: 10px;
}

#primary-menu .menu-item-has-children ul li:first-child {
	margin-top: 10px;
}

#primary-menu .menu-item-has-children ul a:hover {
	color: #aa0000!important;
	font-weight: bold;
}

.home .uabb-blog-posts-description {
	font-size: 1.0em !important;
}

.home .uabb-blog-posts-description ul {
	font-size: 0.85em !important;
}

/* Homepage Grid Text Colours */
.home .uabb-blog-posts-col-4:nth-child(1) div,
.home .uabb-blog-posts-col-4:nth-child(5) div
{
	color:#F49932!important;
}

.home .uabb-blog-posts-col-4:nth-child(2) div,
.home .uabb-blog-posts-col-4:nth-child(6) div
{
	color:#F37F01!important;
}

.home .uabb-blog-posts-col-4:nth-child(3) div,
.home .uabb-blog-posts-col-4:nth-child(7) div
{
	color:#F24C00!important;
}

.home .uabb-blog-posts-col-4:nth-child(4) div,
.home .uabb-blog-posts-col-4:nth-child(8) div
{
	color:#F23101!important;
}

span.menu-toggle-icon {
	color: #ffffff;
}

span.menu-toggle-icon:hover {
	color: #aa0000;
}

li.hms-cart {
	background: url(https://hertoghemedicalschool.eu/wp-content/uploads/cart.png) no-repeat;
	margin-top: 13px;
	width: 37px;
}

/* Limit max-width on the slider content to prevent overflow */
.fl-node-5cf6b39d3e74e > .fl-col-content {
	z-index: 3;
	position: relative;
	max-width: 1320px;
	margin: 0 auto;
}


/* Tablet */
.course-lessons h2,
.course header h2
{
	font-size: 18px;
	font-weight: 800;
}

/* Adjust fontweight & spacing for number */
span.lesson-number {
	padding-right: 10px;
	font-weight: bold;
}
/* Add . after number */
span.lesson-number::after {
	content: ".";
}

/* Adjust height for course lists. */
#main .course section.course-lessons article.lesson {
	border-bottom: 1px solid #e2e2e2;
	margin: 0 0 27px 0px !important;
	padding: 0 0 8px 0;
}

.ast-container .fl-row-content-wrap, .site-content .ast-container {
    padding-left: 0;
    padding-right: 0;
}

@media (min-width: 544px) {
	/* Force secondary menu to be full width. */
	.secondary-menu-container {
		margin-left: calc(50% - 50vw);
		margin-right: calc(50% - 50vw);
		width: 100vw;
	}
}

@media (min-width: 768px) {
	.ast-container {
		max-width: 1320px;
	}
}

@media (min-width: 769px) {
	.secondary-menu-container {
		margin-top: 64px;
		margin-left: auto;
		margin-right: auto;
		max-width: 1320px;
		width: 100%;
	}

	/* limit width of nav menu. */
	.before-content-nav li {
		max-width: calc(100% / 3);
	}
}

@media only screen and (min-width: 922px) {

	/* Reduce margin-left size on dropdown menu items. */
	.site-header .main-header-bar .main-header-bar-navigation .menu-item-has-children>a:after {
		margin-left: 3px;
	}

	/* Remove extra spacing from menu to fix wrap issues. */
	.header-main-layout-1 .main-navigation {
		padding-left: 0 !important;
	}

	/* Veritcally center menu. */
	#primary-menu {
		align-items: flex-start;
	}

	/* Adjust menu item size */
	#primary-menu > li a {
		font-size: 12px;
		height: auto;
		line-height: 1.8;
	}

	/* Position Menu items for top menu. */
	.main-header-menu > li {
		padding-top: 10px;
		padding-bottom: 14px;
	}

	/* Make top links linebreak. */
	ul#primary-menu a,
	#primary-menu a
	{
		display: inline-block;
		line-height: 20px;
		padding-left: 0;
		text-align: left;
	}

	/* Remove padding from span. */
	ul#primary-menu a span {
		padding-left: 0;
	}

	/* Move ticker */
	div#ticker {
		z-index: 3;
		position: relative;
		margin-top: -50px;
	}
}

@media (min-width: 992px) {
	/* Increase menu font size for desktop */
	#primary-menu > li a {
		font-size: 14px;
	}


}

@media (min-width: 1200px) {
	/* Move ticker over slider */
	div#ticker {
		margin-top: -80px;
	}

/* Desktop */
.course-lessons h2,
.course header h2
{
	font-size: 22px;
}
}

@media only screen and (min-width: 1400px) {
	/* Increase menu font size for desktop */
	#primary-menu > li a {
		font-size: 16px;
	}
}

/* Adjust formatting of courses */
body.course-template-default div#primary {
		margin-top: 5px;
}

section.course-lessons article.lesson, section.course-lessons article.lesson header.lesson-title p.lesson-meta {
    margin-bottom: unset !important;
}

article.type-course h1 {
		font-family: "Open Sans" !important;
		font-weight: 600 !important;
		font-size: 2rem !important;
}

div.ast-breadcrumbs-wrapper {
    display: none;
}

span.lesson-number {
    padding-right: 20px;
	  color: #ff3300 !important;
	  font-family: "Open Sans";
}

article.course  {
    width: 80% !important;
    margin: 0 auto !important;
	  color: #ff3300 !important;
		border-bottom: 1px solid #666;
	  font-family: "Open Sans";
}

article.course header.entry-header {
		width: 80% !important;
		margin: 0 auto;
}

article.course a {
		color: #ff3300;
}

article.course a:hover {
		color: #aa0000;
}

span.lesson-number::after {
    content: ".";
}

p.course-excerpt {
	  font-size: 1rem;
    line-height: 1.25;
	  font-family: "Open Sans"
}

#main .course .course-meta .single_add_to_cart_button {
    padding: 7px 12px 6px;
    background: #f93;
    line-height: 1.1;
    border-radius: 0;
		font-family: "Open Sans"
}

#main .course .course-meta .single_add_to_cart_button:hover {
		background: #a00;
}

a.woocommerce-button {
    background-color: #f37f02 !important;
    color:  #ffffff !important;
}

a.woocommerce-button:hover {
    background-color: #aa0000 !important;
    color:  #ffffff !important;
}

section.woocommerce-order-details a.button {
    background-color: #f37f02 !important;
    color:  #ffffff !important;
}

section.woocommerce-order-details a.button:hover {
    background-color: #aa0000 !important;
    color:  #ffffff !important;
}

@media (min-width: 769px) {
	.ast-woo-shop-archive .site-content > .ast-container {
  	  max-width: 1300px !important;
	}
}

/* Sidebar Menu on Product Categories */

ul#menu-prod li.menu-item > a {
    text-transform: capitalize;
}
ul#menu-prod li.menu-item-has-children > a, ul#menu-prod:last-child > li.menu-item:last-child a {
    text-transform: uppercase !important;
}
ul#menu-prod li.menu-item-has-children ul.sub-menu li.menu-item > a:before,
#primary-menu li.menu-item-has-children ul.sub-menu li.menu-item > a:before {
    overflow: overlay;
    width: 7%;
    content: "\002B" !important;
    padding-right: 0.35em !important;
    color: #ff6633;
    font-size: 16px !important;
    display: inline;
}

#primary-menu li.menu-item-has-children ul.sub-menu li.menu-item > a:before {
	color: #aa0000;
}

/* Woo Buttons Product Pages */
button.single_add_to_cart_button.button.alt {
    background-color: #ff6633;
    color: #ffffff;
}

a.button.product_type_simple.add_to_cart_button.ajax_add_to_cart {
    background-color: #ff6633;
    color: #ffffff;
}

a.button.product_type_simple.add_to_cart_button.ajax_add_to_cart:hover {
    background-color: #aa0000;
}

a.button.product_type_simple {
    background-color: #ff6633;
    color: #ffffff;
}

/*LOGO*/
.site-branding {
  width: 403px;
}

@media (min-width: 768px) {
  .site-branding {
    width: 403px;
  }
}

header .site-logo-img .custom-logo-link img {
  max-width: 414px;
  width: 100%;
  padding-right: 0;
}

.ast-site-identity {
  width: 100%;
}

.ast-logo-title-inline .site-logo-img {
  width: 100%;
}


/* News and Events Post Feed */
.news-and-events-feed .fl-post-feed,
.news-and-events-intro {
  width: 100%;
  margin: 0 auto;
}

@media (min-width: 800px) {
  .news-and-events-feed .fl-post-feed,
  .news-and-events-intro {
    width: 49.9%;
  }
}

.news-and-events-feed .fl-post-feed-post {
  border-bottom: 0;
}

.news-and-events-feed .fl-post-feed-content {
  border-top: 1px solid #f63;
  border-left: 1px solid #f63;
  padding: 20px 15px 1px 15px;
}

.news-and-events-feed .fl-post-feed-content h3 {
  font-size: 20px;
  font-weight: 700;
  margin: 10px 0;
}

.news-and-events-feed .fl-post-feed-content p,
.news-and-events-feed .fl-post-feed-content p:last-of-type {
  margin-bottom: 10px;
}

.news-and-events-feed .fl-post-feed-more {
  margin-top: 0;
}
.news-and-events-feed .fl-post-feed-header h2.fl-post-feed-title {
  margin-bottom: 0;
}

.news-and-events-feed .fl-post-feed-header h2.fl-post-feed-title a {
  color: #a00 !important;
  font-size: 24px;
  font-weight: 700;
  line-height: 1;
  color: inherit;
  text-decoration: none;
}

.news-and-events-feed .fl-post-feed-header {
  margin-bottom: 0;
  padding: 0 0 15px 15px;
}


/* Breadcrumbs */
.sub-menu-breadcrumbs {
  max-width: 1320px;
}

.sub-menu-breadcrumbs .fl-row-content-wrap {
  padding: 0;
}

.sub-menu-breadcrumbs .fl-row-content-wrap .fl-html{
  text-align: right;
  margin-right: 15px;
  margin-top: 4px;
}

.sub-menu-breadcrumbs .fl-row-content {
  margin-right: 0;
}

.sub-menu-breadcrumbs a {
  color: #b0b0b0;
}
.sub-menu-breadcrumbs .breadcrumb_last {
  color: #555;
}


.sub-menu-breadcrumbs {
    font-size: 0.8125rem;
    line-height: 1;
}



.sub-menu-breadcrumbs .divider {
      padding: 0 0.25em;
      color: #555;
}

/*fix active nav item color */
.ast-theme-transparent-header .main-header-menu .current-menu-ancestor > a {
  color: inherit;
}

/*Secondary Menu */
.secondary-menu-container .current-menu-item a {
  font-size: 18px;
}

.secondary-menu-container li.menu-item a:hover,
.secondary-menu-container .current-menu-item a:hover {
  color: #f93;
  background: none;
  outline: 0;
  text-shadow: none;
}

.secondary-menu-container li.menu-item {
  max-width: none;
}

.secondary-menu-container .current-menu-item a {
  color: #ff4d00;
}

.secondary-menu-container ul {
  padding: 12px 30px 12px 5px;
}


/*Side Menu. */
/* This is a work in progress, you may need to adjust or add new styels
To work with all side menus */

.widget_nav_menu .current_page_item > a {
  font-weight: 600;
  color: #aa0000;
  text-transform: uppercase;
  font-size: 14px;
  line-height: 19px;
  display: block;
}

#menu-aboutus>li>a {
  font-weight: 600;
  color: #aa0000;
  font-size: 15px;
  line-height: 22.4px;
  padding-bottom: 10px;
  text-transform: uppercase;
  display: block;
}

.widget_nav_menu .sub-menu .menu-item a {
/*  font-size: 12.25px;
  line-height: 17.5px !important;*/
  display: block;
  margin-left: 10px;
}

.widget_nav_menu li ul .menu-item-has-children > a {
  font-weight: 600;
  text-transform: uppercase;
  font-size: 14px;
}

.widget_nav_menu .sub-menu a:before {
    overflow: overlay;
    width: 7%;
    content: "\002B" !important;
    padding-right: 0.35em !important;
    color: #ff6633;
    font-size: 16px !important;
    display: inline;
}

.widget_nav_menu {
    padding-left: 30px;
}

.widget_nav_menu .sub-menu li.menu-item {
    padding-left: 0;
}

.widget_nav_menu .sub-menu .sub-menu {
  margin-left: 13px;
}

/* alt */
/*.widget_nav_menu .menu-item a {
  font-size: 12.25px;
  line-height: 17.5px !important;
  display: block;
  margin-left: 10px;
}*/

/* Buttons */

.button,
.woocommerce #respond input#submit,
.woocommerce a.button,
.woocommerce button.button,
.woocommerce input.button {
	background-color: #ff6500;
}

.woocommerce a.button,
.woocommerce button.button,
.woocommerce .woocommerce-message a.button,
.woocommerce #respond input#submit.alt,
.woocommerce a.button.alt,
.woocommerce button.button.alt,
.woocommerce input.button.alt,
.woocommerce input.button,
.woocommerce input.button:disabled,
.woocommerce input.button:disabled[disabled],
.woocommerce input.button:disabled:hover,
.woocommerce input.button:disabled[disabled]:hover,
.woocommerce #respond input#submit,
.woocommerce button.button.alt.disabled {
	color: #fff;
}

/* Update Cookie Notice */
#cookie-notice .cn-button.button {
	background-color: transparent;
	padding: 10px;
}

#cookie-notice a.button {
	color: #f30;
}

#cookie-notice a:hover.button {
	color:#7f0000;
}

/* My Courses page title color change */
#post-19 h1.entry-title {
	color: #aa0000;
	font-weight: 700;
	padding-bottom: 30px;
}

/* My Account page title color change */
#post-10 h1.entry-title {
	color: #ff9933;
	font-weight: 700;
	margin-bottom: 30px;
}

@media only screen and (max-width: 1000px) {
/* Hide Element on smaller screens */
.hide-on-mobile {
	display: none;
}
}

.entry-content .fl-row,
.entry-content .fl-row-content {
	margin-left: 0;
}

@media (min-width: 993px){
	.ast-left-sidebar #primary {
		padding-left: 0;
}
}

#primary {
	margin: 0;
}

/* Course buttons */
.hmsdown {
    background: #ff4d00;
    color: #fff;
    text-transform: uppercase;
    border-radius: 0;
    border: 0;
    margin-top: 30px;
 }

.btn {
    display: inline-block;
    padding: 4px 12px;
    margin-bottom: 0;
    font-size: 14px;
    line-height: 20px;
    text-align: center;
    vertical-align: middle;
	cursor: pointer;
}

.btn:hover {
	background-color: #aa0000;
	color: #fff;
}

/* Footer styling */
.ast-custom-footer .fl-row-content-wrap {
	padding: 15px 15px 0;
}

.ast-custom-footer .fl-module-content {
	margin: 0;
}


footer #menu-f1,
footer #menu-f2,
footer #menu-f3,
footer .widget_products_predictive_search,
footer p {
	border-left: 1px solid white;
	padding-left: 15px;
}

footer p {
	margin-bottom: 15px;
	padding-bottom: 0;
}

footer a:hover {
	color: #fff;
	font-weight: 700;
}

ul#menu-f1 li a,
ul#menu-f2 li a,
ul#menu-f3 li a {
    color: #ffffff;
}

ul#menu-f1 li a:hover,
ul#menu-f2 li a:hover,
ul#menu-f3 li a:hover {
    font-weight: 700;
}

#footer-paragraph {
    border-left: 1px solid #ffffff;
    max-height: 60px;
}

ul#menu-f1 li a,
ul#menu-f2 li a,
ul#menu-f3 li a,
ul#menu-f1 li,
ul#menu-f2 li,
ul#menu-f3 li {
    font-size: 12px !important;
    line-height: 18px !important;
    margin: 0;
    padding: 0;
}

ul#menu-f1,
ul#menu-f2,
ul#menu-f3 {
	list-style-type: none;
	margin: 0;
}