/*
Theme Name: Divi Child
Theme URI: http://www.xiena.be/divi-child
Description: A child theme of Divi
Author: Twido BV
Author URI: https://www.twido.be
Template: Divi
Version: 1.0.0
*/



.et-dropcap {
    font-size: 60px !important;
    #line-height: 0.7;
    color: #c18e29;
    padding-top: 15px;
}

/*show hamburger menu on desktop for specific menu module*/

@media (min-width: 980px) {
.xiena-hamburger-menu .et_pb_menu__menu {
    display: none;
}

.xiena-hamburger-menu .et_mobile_nav_menu {
    display: flex;
    float: none;
    margin: 0 6px;
    align-items: center;
    margin:auto;}
}


/*Style Vertical Navigation Menu*/ 
.pa-vertical-menu .et-menu > li {
        padding-left: 0px;
        padding-right: 0px;
        text-align: center;
}
.pa-vertical-menu .et_pb_menu__menu>nav>ul {
  flex-direction: column;
  margin-left: 0px !important;
  margin-right: 0px !important;
  width: 100%;
  align-items:center;
  }
.pa-vertical-menu .et_pb_menu__menu>nav>ul>li {
  margin: 10px 0 !important;
  }
.pa-vertical-menu .et_pb_menu__menu>nav>ul>li>ul li {
  display:block !important;
  padding: 0px !important;
  }
.pa-vertical-menu .et_pb_menu__menu nav ul li a {
        padding: 10px!important;
        border-bottom: 1px solid #f6f6f6;
}
.pa-vertical-menu .et_pb_menu__menu nav ul li a::after {
  content: '';
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 0.1em;
  opacity: 0;
  transition: opacity 300ms, transform 300ms;
  border-bottom: 1px solid #f6f6f6;
}
.pa-vertical-menu .et_pb_menu__menu nav ul li a:hover::after,
a:focus::after {
  opacity: 1;
  transform: translate3d(0, 0.2em, 0);
  border-bottom-color: #d0d0d0;
}

.entry-content ol, .entry-content ul {
padding: 0px 0px 0px 30px;
list-style-position: outside;
}

/*disable the line break on all screen except small phones*/
@media screen and (min-width: 479px) {
	.xiena-line-break {
		display: none;
	}
}

.xiena_button, .xiena_button:hover, .xiena_button:active {
  width:60%;
  font-size:18px;
  text-align:center !important;
  padding: 10px 5px !important;
  color: #FFFFFF !important;
  border-width: 0px !important;
  border-radius: 25px;
  background-color: #C89211 !important;
  text-decoration: none !important; 
  margin: 2vh 0px;
}
.xiena_button:hover:after{
  opacity: 0;
}

.xiena_button_fullwidth {
  width:100% !important;
}
.xiena_button_fullwidth:hover {
  border: 2px solid transparent !important;
}


.dl-v-menu .et_pb_menu_inner_container,
.dl-v-menu .et_pb_menu__wrap,
.dl-v-menu .et_pb_menu__menu,
.dl-v-menu.et_pb_menu .et_pb_menu__menu>nav,
.dl-v-menu.et_pb_menu .et_pb_menu__menu>nav>ul {
    display: block;
}

.dl-v-menu .et_mobile_nav_menu {
    display: none;
    overflow:scroll;
}
.dl-v-menu {
    margin: 30px;
    border-top:2px;
    overflow:scroll;
}
  
#page-container .dl-v-menu ul.sub-menu {
    position: relative;
    visibility: visible;
    opacity: 1;
    top: 0;
    left: 0;
    width: auto;
    border-top: none;
    box-shadow: none;
    transition: none;
    padding: 5px;
}

#page-container .dl-v-menu ul.sub-menu a {
    text-transform: none;
    background:none;
}

#page-container .dl-v-menu li {
    display: block;
    width: fit-content;
}

#page-container .dl-v-menu li a {
    width:fit-content;
    display: inline-block;
}

.dl-v-menu .menu-item-has-children>a:first-child:after {
    display: none;
}

/* Small devices such as large phones (640px and up) */
@media only screen and (max-width: 640px){
  .xiena_button_fullwidth {
	width:100% !important;
        font-size:12px !important;
  	left: 50%;
  	transform: translate(-50%);
  }
  .xiena_button, .xiena_button:active {
	width:85%;
        font-size:14px;
  	left: 50%;
  	transform: translate(-50%);
  }
}

/* Medium devices such as tablets (768px and up) */
@media only screen and (min-width: 768px) {

/* Large devices such as laptops (1024px and up) */
@media only screen and (min-width: 1024px) {

/* Largest devices such as desktops (1280px and up) */
@media only screen and (min-width: 1280px) {