/*   
Theme Name: Boel trainingen
Author: De Zagerij ontwerpbureau
Template: esteem
Version: 1.0
*/

/* Apply basic typography styles */
@import url('../esteem/style.css');
@import url('responsive.css');
@import url('stylefont.css');
@import url('https://fonts.googleapis.com/css2?family=League+Spartan:wght@300;400;500;600&display=swap');


/* algemene aanpassingen */
#page {
	box-shadow: none;
}

body {
	background: #5c2745 !important; /* onderkant korte pagina */
}

#masthead {
	background: #5c2745;
	padding-top: 41px;
}

.home .site-header {
  border-bottom: none;
}

.header-logo-image {
	padding-top: 15px;
}

.hgroup-wrap-right {
  padding-right: 0;
}

.wp-block-columns {
	margin-bottom: 1.75em;
}

/* topnavigatie */
#menu-top {
	background-color: #eae4e4;
	position: fixed;
	width: 100%;
	z-index: 99998; 
}

#menu-top-container {
	padding: 7px;
	margin: auto;
	text-align: center !important;
	color: #5c27454;
  	z-index: 99999;  	
}

#menu-top-container a {
  box-shadow: inset 0 0 0 0 #ff5001;
  color: #5c2745;
  padding: 0 .25rem;
  margin: 0 -.25rem;
  transition: color .3s ease-in-out, box-shadow .3s ease-in-out;
}

#menu-top-container a:hover {
  color: #ffffff;
  box-shadow: inset 200px 0 0 0 #ff5001;
}

.pijl:before {
	font-family: 'icomoon';
  	content: '\ea34';
  	font-size: 12px;
  	left: 0;
  	color: #ff5001;
}

/* navigatie */
.main-navigation a  {
	font-size: 18px;
	color: #eae4e4 !important;
}

.main-navigation a:hover  {
	color: #ff5001 !important;
}

.main-navigation ul ul {
	width: 180px;
}

.main-navigation ul ul a {
    width: 180px;
    background-color: #5c2745;
    border-right: 0;
	border-left: 0;
	border-bottom: 1px solid #eae4e4;
}

.contact a {
	border: solid 2px #ff5001;
	height: 38px !important;
	padding:0 15px;
	border-radius: 19px;
	-moz-border-radius: 19px;
   	-webkit-border-radius: 19px;
}

.nav-menu > ul > li > a {
  line-height: 35px;
}

.main-navigation {
  padding-top: 32px;
}

/* dropdown naast items met submenu */
.menu-item-has-children > a:after {
	content: '\e900';
	font-family: 'icomoon';
	font-size:15px;
	line-height: 1.5em;
	position: relative;
	top: 2px;
}

.sub-toggle {
	display: none;
}

/* actief menu */
.main-navigation li.current_page_item > a, .main-navigation li.current-menu-ancestor > a {
    color: #ff5001 !important;
}

/* brede kolom */
.wp-block-columns .breedte642 {
	max-width: 642px;
	margin: 20px auto;	
}

.wp-block-columns:where(.has-background) {
	padding: 0;
}

.wp-block-columns .breedte978 {
	max-width: 978px;
	margin: 20px auto 40px auto;	
}

/* typografie */
body, button, input, select, textarea, h3, h4, h5, h6 {
	font-family: 'League Spartan', sans-serif;
	font-weight: 300;
	font-size: 18px;
	color: #5c2745;
}

h1, h2 {
	font-family: 'League Spartan', sans-serif;
	font-weight: 500;
	font-size: 24px;
	color: #ff5001;
	margin-bottom: 10px;
}

h1:first-letter {
	text-transform: capitalize;
}

.wp-block-quote {
  border-width: 0;
  margin-bottom: 20px;
  padding: 0;
  font-size: 21px;
  font-weight: 500;
  font-style: italic;
  text-align: center;
}

.wp-block-quote cite {
  font-weight: 300;
}

.page-template-eindblok .entry-content ul {
	margin-top: -10px !important;
}

/* links */
p a,
#primary li a {
  box-shadow: inset 0 0 0 0 #ff5001;
  color: #ff5001;
  padding: 0 .25rem;
  margin: 0 -.25rem;
  transition: color .3s ease-in-out, box-shadow .3s ease-in-out;
}

p a:hover,
#primary li a:hover {
  color: #ffffff;
  box-shadow: inset 200px 0 0 0 #ff5001;
}

/* lijst, opsomming */
#primary ul {
  	list-style: none;
  	padding: 0;
  	margin-left: 0;
}

#primary li {
	position: relative;
  	padding-left: 1.3em;
  	padding-bottom: 0.25em;
}

#primary li:before {
  	font-family: 'icomoon';
  	content: '\ea54';
  	font-size: 12px;
  	position: absolute;
  	left: 0;
  	top: 3px;
  	color: #ff5001;
}

/* buttons */
.wp-block-button a {
	color: #ffffff !important;
}

.wp-block-button__link {
	height: 30px !important;
	display: flex;
	padding: 0 10px;
	align-items: center;
	background: #ff5001;
	font-size: 18px;
}

.wp-block-button__link:hover {
	background: #ff5001;
}

.wp-block-button__link::before {
    content: " ";
    width: 26px;
  	height: 26px;
  	background: white;
  	border: 2px solid #ff5001;
  	border-radius: 50%;
	-moz-border-radius: 50%;
   	-webkit-border-radius: 50%
  	display: inline-block;
  	margin: 0 5px 0 -10px;
}

.wp-block-button__link:hover::after {
    content: " ";
    width: 26px;
  	height: 26px;
  	background: white;
  	border: 2px solid #ff5001;
  	border-radius: 50%;
	-moz-border-radius: 50%;
   	-webkit-border-radius: 50%;
  	display: inline-block;
  	margin: 0 -10px 0 5px;
}

.wp-block-button__link:hover::before {
   display: none;
}

.wp-block-buttons {
	padding-bottom: 40px;
}

/* homepage */
.home #main,
.home .entry-content {
	padding-top: 0;
}

.home .wp-block-columns .breedte978 {
	max-width: 978px;
	margin-top: 40px;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
}

.home .wp-block-columns .breedte978-onder {
	max-width: 978px;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
}


.home .breedte978 .wp-block-column .wp-block-image {
	margin: 0;
}

.page-template-home .hentry {
	margin: 0;
}

.page-template-home #main {
	margin-bottom: 0;
}

.home h4 {
	font-weight: 500;
	font-size: 18px;
	color: #5c2745;
	line-height: 1em;
	margin-bottom: 15px;
	text-align: center;
}

.home h4 a {
  	color: #5c2745;
}

.home h4 a:hover {
  	color: #ff5001;
}

/* paginatemplate blok aan het eind zonder marge onderaan */
.page-template-eindblok .hentry {
	margin: 0;
}

.page-template-eindblok #main {
	margin-bottom: 0;
}

.page-template-eindblok .wp-block-columns {
	margin-bottom: 0;
}

/* footer */
.page-template-home #colophon {
	margin-top: -35px;
}

#colophon {
	border-top: 0 !important;
	background-color: #5c2745;
	color: #eae4e4;
}

#colophon a {
	color: #eae4e4 !important;
}

#colophon h3 {
	font-weight: 500;
	font-size: 20px;
	color: #ff5001;
}

#colophon .wp-block-image {
	margin: 0;
}

#colophon .widget {
  	margin: 0;
}

#site-generator,
#site-generator a {
	color: #ff5001 !important;
	border-top: 0;
	padding: 40px 0 20px;
	font-size: 14px;
}

#scroll-up {
	color: #ffffff;	
}

/* logocarrousel */
.wpwax-lsu-item {
  -webkit-filter: grayscale(100%);
  filter: grayscale(100%);
}