/*
Theme Name: Avada Child
Description: Child theme for Avada theme
Author: ThemeFusion
Author URI: https://theme-fusion.com
Template: Avada
Version: 1.0.0
Text Domain:  Avada
*/
/* Set here the basic colors/styling */
:root {
    --white: #fff;
    --black: #000;
    --green: #7d8b60;
    --light-green: #d3ca93;
    --grey: #dcd6c8;
    --brown: #906548;
}

/* Global styling */
#wrapper #main h2 {
    font-family: "Myriad Pro Regular", Arial, Helvetica, sans-serif;
    text-transform: uppercase;
}

#wrapper #main h3 {
    font-family: "Myriad Pro Regular", Arial, Helvetica, sans-serif;
    text-transform: uppercase;
    font-weight: 400;
}

#main .view {
    content-visibility: auto;
}

#main .fusion-text a {
    color: #7C5938;
    font-weight: bold;
}

#main .fusion-text a:hover {
    text-decoration: underline;
}

#main .tijdelijk-verbergen {
    display: none;
}

/* Global arrows on sliders */
.fusion-blog-pagination .fusion-hide-pagination-text .pagination-next:hover, .fusion-blog-pagination .fusion-hide-pagination-text .pagination-prev:hover,
.fusion-blog-pagination .pagination .current, .fusion-blog-pagination .pagination a.inactive:hover, .fusion-date-and-formats .fusion-date-box,
.fusion-filters .fusion-filter.fusion-active a, .fusion-hide-pagination-text .fusion-blog-pagination .pagination .pagination-next:hover,
.fusion-hide-pagination-text .fusion-blog-pagination .pagination .pagination-prev:hover, .fusion-login-box a:hover .reading-box,
.fusion-tabs.classic .nav-tabs>li.active .tab-link, .fusion-tabs.classic .nav-tabs>li.active .tab-link:focus, .fusion-tabs.classic .nav-tabs>li.active .tab-link:hover,
.fusion-tabs.vertical-tabs.classic .nav-tabs>li.active .tab-link, .table-2 table thead {
    border-color: #7D8B60 !important;
}

/* Global tabs */
#main .fusion-tabs {
    margin-bottom: 0;
}

#main .fusion-tabs .tab-pane {
    padding: 55px;
}

/* Toggle read more */
#main .btn-toggle {
    text-align: center;
    position: relative;
    top: -17px;
    background: #f7f1ec;
    border-radius: 20px;
    max-width: 1300px;
    margin: auto;
}

#main .btn-toggle span {
    background: #7d8b60;
    padding: 10px 20px;
    color: #fff;
    border-radius: 20px;
    font-family: 'Myriad Pro Bold';
    text-transform: uppercase;
}

/* Global color white */
#main .color-white, #main .color-white ul, #main .color-white li, #main .color-white h2, #main .color-white h3,
#main .color-white p {
    color: #fff;
}

/* Global color brown */
#main .color-brown, #main .color-brown ul, #main .color-brown li, #main .color-brown h2, #main .color-brown h3,
#main .color-brown h4, #main .color-brown p {
    color: #7C5432;
}

/* List items */
#main .list-item ul {
    list-style: none;
    padding: 0;
    margin-top: 15px;
}

#main .list-item li {
    padding-left: 0;
    width: 100%;
    float: left;
}

#main .list-item li::before {
    display: inline-block;
    margin: 1px 5px 0 0;
    font-family: 'Font Awesome 5 Free';
    font-size: 14px;
    color: #7C5432;
    content: '\f00c';
    text-align: center;
    width: 25px;
    float: left;
    font-weight: 900;
}

/* Styling header */
#wrapper .fusion-header .fusion-logo img {
    height: 85px !important;
}

#wrapper .fusion-dropdown-submenu a:hover {
    background-color: #c2b24f;
    color: #fff;
}

.fusion-main-menu>ul>li>a, .fusion-vertical-menu-widget ul.menu li a, .side-nav li a {
    text-transform: uppercase;
}

/* Styling homepage / subpage  */
#main .header-wrapper .header-box {
    max-width: 800px;
    margin: auto;
}

#main .header-wrapper .header-box .book-a-lesson a {
    text-align: center;
    border-bottom: 1px solid white;
    max-width: fit-content;
    margin: auto;
    color: #fff;
    padding-bottom: 5px;
    font-size: 21px;
    text-transform: uppercase;
}

#main .header-wrapper .header-box .book-a-lesson a::after {
    display: inline-block;
    margin: 0;
    font-family: 'Font Awesome 5 Free';
    font-size: 18px;
    color: #fff;
    content: '\f054';
    font-weight: 900;
    padding-left: 10px;
}

#main .header-wrapper .header-box .book-a-lesson a:hover {
    text-decoration: none;
    border-bottom: 1px solid #CFC376;
}

#main .header-wrapper .header-box h1 {
    font-size: 44px;
    font-family: "Myriad Pro Regular", Arial, Helvetica, sans-serif;
    text-transform: uppercase;
    margin: 0;
}

#main .header-wrapper .header-box h1, #main .header-wrapper .header-box h2,
#main .header-wrapper .header-box h3, #main .header-wrapper .header-box ul,
#main .header-wrapper .header-box li {
    color: #fff;
}

#main .header-wrapper .header-box h2 {
    text-transform: inherit !important;
    font-size: 47px;
    line-height: 55px !important;
}

#main .header-wrapper .right-bottom {
    position: absolute;
    right: 0;
    bottom: 0;
    width: 17% !important;
}

#main .header-wrapper .right-bottom h2 {
    color: #fff;
    margin-bottom: 0;
    font-size: 21px;
}

#main .header-wrapper .right-bottom h2:after {
    display: inline-block;
    margin: -2px 5px 0 0;
    font-family: 'Font Awesome 5 free';
    font-size: 24px;
    color: #f7f1ec;
    content: '\f073';
    text-align: center;
    width: 40px;
    font-weight: 900;
}

#main .cta-images-container .cta-images-titel em {
    font-size: 21px;
    position: relative;
    top: -10px;
}

#main .cta-images-container .cta-images-titel p {
    margin: 0;
}

#main .cta-images-container .cta-images-item {
    min-height: 430px;
}

#main .cta-images-container .fusion-column-inner-bg-image, #main .cta-images-container .fusion-column-inner-bg-image:hover {
    border-radius: 20px;
}

#main .cta-images-container .cta-images-item .cta-images-item-title,
#main .cta-images-container .cta-images-item .cta-images-item-text {
    padding: 0px 15px 0px 15px;
    color: #fff;
}

#main .cta-images-container .cta-images-item .cta-images-item-text {
    min-height: 60px;
}

#main .cta-images-container .cta-images-item .cta-images-item-title h2 {
    /* font-family: 'Myriad Pro Bold'; */
    color: #fff;
    margin-bottom: 0;
    font-size: 27px;
}

#main .cta-images-container .cta-images-item .fusion-column-wrapper {
    min-height: 0px;
    position: relative;
    border-radius: 0 0 2px 2px;
    background-image: linear-gradient(20deg, rgb(207 195 118) 25%, rgba(252, 241, 234, 0) 50%);
    background-image: linear-gradient(20deg, #a1903e 25%, rgba(252, 241, 234, 0) 50%);
    transition: 0.5s;
    border-radius: 20px;
}

#main .cta-images-container .cta-images-item .cta-images-item-text p {
    line-height: 20px;
}

/* Big image */
#main .content-with-image .content-with-image-image {
    background-color: #F7F1EC;
}

#main .content-with-image .content-with-image-image .fusion-image-carousel {
    margin-bottom: 0;
}

#main .content-with-image .content-with-image-image .fusion-carousel-wrapper {
    padding: 0;
}

#main .fusion-carousel .fusion-carousel-nav .fusion-nav-next, #main .fusion-carousel .fusion-carousel-nav .fusion-nav-prev {
    background-color: rgb(108 117 83);
}

/* End - big image */
/* Reviews homepage */
#main .review-container .fusion-builder-row {
    background-color: #F7F1EC;
    border-radius: 20px;
}

#wrapper #main .review-container h2 {
    font-size: 25px;
}

#main .review-column-left h2::before {
    content: " ";
    background-image: url(https://yogadreams.lamperbouw.nl/wp-content/uploads/2021/05/review-yogadreams.svg);
    height: 95px;
    width: 58px;
    position: absolute;
    background-repeat: no-repeat;
    z-index: -99999;
    top: 50px;
    left: 50px;
}

#main .review-column-right .fusion-clearfix {
    border-radius: 20px;
    background-color: #e5dad0 !important
}

#main .review-column-right .fusion-clearfix p {
    color: #7C5432;
}

/* Gallery homepage */
#main .gallery-container img {
    border-radius: 20px;
    width: 95%;
}

#main .gallery-column-left img {
    height: 460px;
    width: 100%;
}

#main .gallery-column-left .fusion-imageframe {
    width: 94%;
}

#main .gallery-column-left .fusion-column-wrapper {
    margin-right: 0;
    margin-left: 0;
}

/* #main .gallery-column-right .fusion-column-wrapper {
    margin-left: 0;
} */
.fusion-image-hovers .hover-type-zoomin {
    border-radius: 20px !important;
}

/* Instagram homepage */
#wrapper .instagram-feed #sb_instagram, #wrapper .instagram-feed #sbi_images {
    padding-bottom: 0 !important;
}

#wrapper .instagram-feed .sbi_photo {
    border-top-left-radius: 20px;
    border-top-right-radius: 20px;
}

#wrapper .instagram-feed .sbi_caption_wrap {
    background: #E5DAD0;
    padding: 20px !important;
    color: #7c5432;
    border-bottom-right-radius: 20px;
    border-bottom-left-radius: 20px;
    min-height: 200px;
    font-family: 'Myriad Pro Light';
}

#wrapper #main .instagram-feed .sbi_type_image {
    padding: 10px 35px 0px 0px !important;
}

#wrapper .sbi-owl-nav>div {
    top: 50% !important;
}

/* Subpage docenten */
#main .quote-banner p {
    font-family: "Myriad Pro Condensed Italic";
    font-size: 35px;
    color: #f7f1ec;
}

#main .text-container-sub h1 {
    color: #7C5432;
    margin-top: 0;
    font-family: "Myriad Pro Regular", Arial, Helvetica, sans-serif;
    text-transform: uppercase;
    font-size: 40px;
}

#main .agenda-title h2 {
    background-color: #e5dad0;
    max-width: fit-content;
    padding: 10px 40px;
    border-radius: 20px;
    font-size: 21px !important;
    color: #7c5432;
}

#wrapper #main .calendar-icon-agenda h2, #wrapper #main .calendar-icon-info h2 {
    font-size: 25px;
}

#main .calendar-icon-agenda h2:before {
    display: inline-block;
    margin: 5px 5px 0 0;
    font-family: 'Font Awesome 5 Free';
    font-size: 18px;
    color: #7C5432;
    content: '\f133';
    text-align: center;
    width: 25px;
    float: left;
    font-weight: 900;
}

#main .calendar-icon-info h2:before {
    display: inline-block;
    margin: 5px 0 0 0px;
    font-family: 'Font Awesome 5 Free';
    font-size: 18px;
    color: #7C5432;
    content: '\f05a';
    text-align: center;
    width: 25px;
    float: left;
    font-weight: 900;
}

#main .sign-up p {
    padding: 5px 29px;
}

/* Tabs */
#main .tabs-content a {
    font-weight: bold;
    text-decoration: underline;
}

#main .tabs-content a:hover {
    color: #a1903e;
    font-weight: bold;
}

#wrapper #main .tab-content h2 {
    font-size: 25px;
}

/* People container */
#main .teacher-container .teacher-column-item img {
    border-radius: 20px;
}

#main .teacher-container .teacher-column-item .teacher-column-read-more p a {
    margin: 0;
    position: relative;
    top: -44px;
    background-color: rgba(125, 139, 96, 0.8);
    border-radius: 15px 0px 20px 0px;
    text-align: right;
    max-width: fit-content;
    float: right;
    padding: 10px 35px;
    z-index: 99;
    text-transform: uppercase;
    color: #fff;
}

#main .teacher-container .teacher-column-item .teacher-column-text {
    position: relative;
    top: -25px;
}

/* End docentenpage */
/* Pagina */
#main .quote-banner-with-h1 p {
    font-size: 24px !important;
    position: relative;
    top: -7px;
}

#main .simple-text-container h1 {
    font-family: "Myriad Pro Regular", Arial, Helvetica, sans-serif;
    color: #7c5432;
    margin-top: 0;
}

#main .newsletter-container p {
    margin-bottom: 0;
}

#main .simple-text-container ul li:last-child {
    margin-bottom: 15px;
}

/* End - pagina */
/* Docentpagina */
#main .teacher-container-subpage h1 {
    color: #7c5432;
    margin-top: 0;
}

#main .teacher-right-subpage img {
    border-top-left-radius: 20px;
    border-top-right-radius: 20px;
}

#main .teacher-right-subpage .fusion-column-wrapper {
    border-radius: 20px;
}

#main .teacher-right-subpage .text-below-image {
    text-align: center;
    text-align: justify;
    padding: 30px;
}

#main .teacher-right-subpage .text-below-image p {
    margin-bottom: 0;
    font-size: 17px;
    line-height: 20px;
}

/* Blog */
.blog .fusion-post-grid h2 a {
    font-family: 'Myriad Pro Light';
}

.blog .fusion-post-grid h2 a:hover {
    color: #7c5432 !important;
}

.blog .fusion-post-grid img {
    min-height: 140px;
}

.blog .fusion-post-grid .fusion-post-wrapper {
    border-radius: 20px;
    border: 1px solid #f7f1ec;
}

.blog .fusion-load-more-button.fusion-blog-button {
    max-width: 200px;
    margin: 0 auto 2%;
    border-radius: 45px;
    font-size: 14px;
    padding: 0;
}

.single-post #wrapper h1 {
    color: #7c5432 !important;
    font-size: 35px !important;
    font-family: 'Myriad Pro Light' !important;
}

.single-post #wrapper .post-content, .single-post #wrapper .entry-title {
    max-width: 1300px;
    margin: auto;
}

.single-post #content {
    padding-bottom: 30px;
}

.single-post #main {
    padding-left: 0 !important;
    padding-right: 0 !important;
}

.single-post .flexslider .slides img {
    max-height: 250px;
    object-fit: cover;
}

/* End - Blog */
/* Faq */
#main .fusion-filters {
    margin-bottom: 10px;
}

#main .fa-fusion-box {
    background-color: #7d8b60;
}

#main .fusion-faq-shortcode .fusion-accordian .panel-title .active .fa-fusion-box {
    border-radius: 20px;
}

/* End - faq */
/* Link in bio */
#main .link-in-bio-container h1 {
    font-size: 44px;
    font-family: "Myriad Pro Regular", Arial, Helvetica, sans-serif;
    text-transform: uppercase;
    margin: 0;
    color: #845938;
}

#main .link-in-bio-container .title-block {
    margin-bottom: 1%;
}

#main .link-in-bio-container .title-block p {
    font-size: 21px;
}

#main .link-in-bio-container .button-item p {
    font-size: 25px;
    background: #845938;
    padding: 15px 25px;
    color: #fff;
    border-radius: 45px;
    max-width: 320px;
    margin: auto;
    margin-bottom: 1%;
}

#main .link-in-bio-container a {
    position: relative;
    color: #fff;
    font-size: 20px;
}

#main .link-in-bio-container a:hover {
    text-decoration: none;
}

#main .link-in-bio-container a:before {
  content: "";
  position: absolute;
  width: 0;
  height: 2px;
  bottom: 0;
  left: 0;
  background-color: #FFF;
  visibility: hidden;
  transition: all 0.3s ease-in-out;
}

#main .link-in-bio-container a:hover:before {
  visibility: visible;
  width: 100%;
}

/* End link in bio */
/* Styling footer -> always start with #wrapper .fusion-footer */
#wrapper .fusion-footer h3 {
    color: #fff;
}

#wrapper .fusion-footer a:hover {
    text-decoration: underline;
}

#wrapper .fusion-footer ul {
    list-style: none;
    padding: 0;
    margin-top: 15px;
}

#wrapper .fusion-footer li {
    padding-left: 0;
    width: 100%;
    float: left;
}

#wrapper .fusion-footer li:before {
    display: inline-block;
    margin: -2px 5px 0 0;
    font-family: 'Font Awesome 5 Brands';
    font-size: 22px;
    color: #f7f1ec;
    content: '\f232';
    text-align: center;
    width: 25px;
    float: left;
    font-weight: 900;
}

#wrapper .fusion-footer .arround-icon-mail li:before {
    display: inline-block;
    margin: -2px 5px 0 0;
    font-family: 'Font Awesome 5 Free' !important;
    font-size: 22px;
    color: #f7f1ec;
    content: '\f0e0';
    text-align: center;
    width: 25px;
    float: left;
    font-weight: 900;
}

#wrapper .fusion-footer .social li:before {
    display: inline-block;
    margin: -2px 5px 0 0;
    font-family: 'Font Awesome 5 Brands';
    font-size: 22px;
    color: #f7f1ec;
    content: '\f39e';
    text-align: center;
    width: 25px;
    float: left;
    font-weight: 900;
}

#wrapper .fusion-footer .social li+li:before {
    content: '\f16d';
}

/* Styling gf opleiding */
#wrapper .gform_wrapper {
    margin-bottom: 0;
}

#wrapper .gform_wrapper .gfield input:not([type=radio]):not([type=checkbox]):not([type=submit]):not([type=button]):not([type=image]):not([type=file]),
#wrapper .gform_wrapper .gfield_select[multiple=multiple] {
    height: 35px;
    border-radius: 20px;
}

#wrapper .gform_wrapper .gfield textarea {
    border-radius: 20px;
}

#wrapper .gform_wrapper.gravity-theme .gf_progressbar_percentage.percentbar_blue {
    background-color: #7d8b60;
}

/* End */
.contact-wrapper .gform_wrapper .gform_body ul li.gfield input, .contact-wrapper .gform_wrapper .gform_body ul li.gfield textarea {
    border-color: #000 !important;
}

.wrapper-formulier .gform_wrapper .gform_footer input.gform_button {
    width: 100% !important;
}

.gform_wrapper ul.gform_fields li.gfield {
    padding-right: 0px !important;
}

#wrapper .gform_wrapper.gform_validation_error .gform_body ul li.gfield.gfield_error:not(.gf_left_half):not(.gf_right_half) {
    max-width: calc(100% - 0px) !important;
}

#main .gform_submission_error {
    font-size: 17px !important;
}

/* einde styling gravityforms */
#wrapper .fusion-accordian .panel-title .fusion-toggle-heading {
    font-size: 16px;
}

#wrapper .fusion-filters .fusion-filter.fusion-active a {
    color: #7d8b60;
}

#wrapper .fusion-filter a:hover {
    color: #7d8b60;
}

#wrapper .fusion-filter a {
    text-transform: uppercase;
    font-size: 18px;
    font-weight: bold;
}