/*
Theme Name: Myosana
Description: This is a child theme for Myosana
Author: Kolomedia.eu
Template: flatsome
Version: 1.0
*/





.footer-title-section {
    font-weight: 700;
    color: #020202;
}

.main-header-title  {
    font-size: 3em !Important;
    text-transform: uppercase !Important;
}

@media only screen and (max-width: 600px) {
    .main-header-title  {
        font-size: 2.53em !Important;
        text-transform: uppercase !Important;
    }
}

.custom-subtitle {
    color: #2f6431 !important;
    font-size: 1.5em !Important;
}








.custom-image-border-radius {
    border-radius: 20px ! Important;
    border: 0 solid transparent !important;
    overflow: hidden !important;
    box-shadow: 0 3.4em 2.8em rgb(42 50 21 / 12%);
}



/**** TILE BCK *****/

.title-bck {
    font-size: 3em ! Important;
    background: #32633494 ! Important;
    text-transform: uppercase;
    text-align: left !important;
    padding: 10px !important;
    line-height: normal;
}

@media only screen and (max-width: 600px) {
    .title-bck {
        font-size: 2.5em ! Important;
        background: #32633494 ! Important;
        text-transform: uppercase;
        text-align: left !important;
        padding: 10px !important;
        line-height: normal;
    }
}




.sub-title-bck {
    font-size: 3em ! Important;
    background: #32633494 ! Important;
    text-align: left !important;
    padding: 10px !important;
    line-height: normal;
    text-align: center !Important;
}

@media only screen and (max-width: 600px) {
    .sub-title-bck {
        font-size: 2.5em ! Important;
        background: #32633494 ! Important;
        text-align: left !important;
        padding: 10px !important;
        line-height: normal;
        text-align: center !Important;
    }
}


.sub-title-bck-1 {
    font-size: 2.5em ! Important;
    background: #32633494 ! Important;
    text-align: left !important;
    padding: 10px !important;
    line-height: normal;
}


@media only screen and (max-width: 600px) {
    .sub-title-bck-1 {
        font-size: 2em ! Important;
        background: #32633494 ! Important;
        text-align: left !important;
        padding: 10px !important;
        line-height: normal;
    }
}

.sub-title-bck-yellow {
    font-size: 3em ! Important;
    background: #fefab978 ! Important;
    text-align: left !important;
    padding: 10px !important;
    line-height: normal;
}





/***** TAbS ++++*/

.nav-outline>li.active>a {
    border: 2px solid #2f6431 !important; 
    background: #2f6431 !important;
    color: #fefab9 !important;
    width: 170px !important;
    justify-content: center;
    border-radius: 30px !important;
    padding: 5px !important;
    margin-right: 10px !important;
}


.nav-outline>li>a {
    border: 2px solid rgba(47, 100, 49, 0.547) !important;
    background: #ffffff !important;
    color: rgba(47, 100, 49, 0.547)!important;
    width: 170px !important;
    justify-content: center;
    border-radius: 30px !important;
    padding: 5px !important;
    margin-right: 10px !important;
    margin-bottom: 20px;
}



@media only screen and (max-width: 600px) {
   .nav-outline>li>a {
    border: 2px solid #363636 !Important;
    background: #ffffff !Important;
    color: #333 !important;
    width: 170px !important;
    justify-content: center;
    border-radius: 30px !important;
    padding: 5px !important;
    margin-bottom: 10px !important;
}
}


@media only screen and (max-width: 600px) {
    .nav-outline>li.active>a {
        border: 2px solid #2f6431 ! Important;
        background: #2f6431 !important;
        color: #fefab9 !important;
        width: 170px !important;
        justify-content: center;
        border-radius: 30px !important;
        padding: 5px !important;
        margin-right: 10px !important;
        margin-bottom: 10px;
    }
 }
 




/****** BUTTON *****/

.custom-button {
    background: linear-gradient(to right, #0071bb 1%,#67737a 100%) !important;
    color: #67737a !important;
    padding: 10px 27px !important;
    border: 2px solid #67737a !important;
    font-size: 16px !important;
}

.custom-button:hover {
    background: #FEFAB9 !important;
    color: #fff !important;
    padding: 10px 27px !important;
    border: 2px solid #67737a !Important;
    font-size: 16px;

}


.custom-button-header a { 
    background: #FEFAB9 !Important;
    color: #2f6431 !important;
    padding: 10px 27px !important;
    border: 2px solid #2f6431 !important;
    font-size: 16px !important;
    border-radius: 15px !Important;
    padding: 15px !Important; 
}

.custom-button-header a:hover{
    background: #2f6431  !Important;
    color: #FEFAB9 !important;
    padding: 10px 27px !important;
    border: 2px solid #FEFAB9  !important;
    font-size: 16px !important;
    border-radius: 15px !Important;
    padding: 15px !Important; 
}

.custom-button-cf7 {
    background: #2f6431 !important;
    color: #FEFAB9 !important; /* Default text color */
    padding: 5px 20px !important;
    border: 2px solid #2f6431 !important;
    font-size: 16px !important;
    border-radius: 30px !important;
    cursor: pointer; 
    text-align: center;
    display: inline-block;
    transition: all 0.3s ease-in-out; /* Smooth transition effect */
}

.custom-button-cf7:hover {
    background: #2f6431 !important; /* Change background on hover */
    color: #FEFAB9 !important; /* Change text color on hover */
    border: 2px solid #FEFAB9 !important;
}


/****.button-banner {
    background: #2f6431 !important;
    color: #FEFAB9 !important;
    border: 2px solid #2f6431 !important;
    font-size: 1.4 rem !important;
    padding: 15px 30px 15px 30px !important;
    border-radius: 30px !important;

} */

.button-cta {
    background: linear-gradient(to right, #2f6431 20%, #69866a 70%) !important;
    color: #FEFAB9 !important;
    padding: 10px 27px !important;
    border: 2px solid #2f6431 !important;
    font-size: 16px !important;
    border-radius: 15px ! Important;
    padding: 15px ! Important;

}







.button-banner {
    background: linear-gradient(to right, #2f6431 20%, #69866a 70%) !important;
    color: #FEFAB9 !important;
    padding: 10px 27px !important;
    border: 2px solid #2f6431 !important;
    font-size: 16px !important;
    border-radius: 15px ! Important;
    padding: 15px ! Important;

    
}


.custom-button-cf7 {
    background: linear-gradient(to right, #2f6431 20%, #69866a 70%) !important;
    color: #FEFAB9 !important;
    padding: 10px 27px !important;
    border: 2px solid #2f6431 !important;
    font-size: 16px !important;
    border-radius: 15px ! Important;
    padding: 15px ! Important;

    
}

/**.button-banner::before {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    background-color: transparent;
    border-top: transparent;
    border-left: transparent;
    border-right: 1px solid #fefab9;
    border-bottom: 1px solid #fefab9;
    border-radius: inherit;
    border-top-right-radius: 0;
    border-bottom-left-radius: 0;
    left: 0.5rem;
    top: 5px;
    -webkit-transition: top 250ms ease-in, left 250ms ease-in;
} **/

.button-header {
    background: #2f6431  !important;
    color: #fefab9 !important;
    border: 2px solid #2f6431 !important;
    font-size: 1.4 rem !important;
    padding: 5px 20px !important;
    border-radius: 30px !important;

}

.button-header:hover {
    background: #2f6431 !important; /* Change background on hover */
    color: #FEFAB9 !important; /* Change text color on hover */
    border: 2px solid #FEFAB9 !important;
}





.button-header a:hover {
    background: #2f6431  !important;
    color: #fefab9 !important;
    border: 2px solid #2f6431 !important;
    font-size: 1.4 rem !important;
    padding: 15px 30px 15px 30px !important;
    border-radius: 30px !important;
    
}



.button-header-green {
    background: #2f6431  !important;
    color: #ffffff !important;
    border: 2px solid #2f6431 !important;
    font-size: 1.4 rem !important;
    padding: 15px 30px 15px 30px !important;
    border-radius: 30px !important;

}


.button-header-green:hover {
    background: #ffffff00 !Important;
    color: #2f6531 !important;
    padding: 10px 27px !important;
    border: 2px solid #2f6431 !important;
    font-size: 16px !important;
    border-radius: 30px !Important;
    padding: 15px !Important; 

}
/********* CONTACT FORM **********/



.cf7-title {
	color: #2f6531 !important;
    font-weight: bold !Important;
}

.column-half{
	float: left;
	position: relative;
	padding: 5px;
	width:50%;
	-webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        color: #555;
}

.column-full{
	
	padding: 5px;
	width:100%;
    color: #555;
}

.wpcf7 label {
    display: block;
    width: 100%;
}


element.style {
}
.wpcf7 .wpcf7-form-control-wrap {
    display: contents;
}

select {
    box-shadow: inset 0 -1.4em 1em 0 rgba(0, 0, 0, .0) !important;
    background-color: transparent !important;
    -webkit-appearance: none;
    -moz-appearance: none;
    background-image: ;
    background-position: right .45em top 50%;
    background-repeat: no-repeat;
    padding-right: 1.4em;
    background-size: auto 16px;
    border-radius: 0;
    display: block;
    border: 1px solid #2f6431;
}

.wpcf7 .wpcf7-not-valid-tip {
    margin-top: -10px;
    position: relative;
    padding: 5px 8px;
    line-height: 1.2em;
    border-radius: 3px;
    opacity: .8;
    background-color: #fff !important;
    color: #b20000;
}

.wpcf7 .wpcf7-not-valid-tip:after {
    border: 10px solid rgba(136, 183, 213, 0);
    border-bottom-color: #c23636;
    bottom: 100%;
    content: " ";
    height: 0;
    left: 30px;
    margin-left: -10px;
    pointer-events: none;
    position: absolute;
    width: 0;
}

/**---------------- Media query ----------------**/
@media only screen and (max-width: 799px) { 
	.column-half{
		width: 100%;
	}
}

.wpcf7 input[type="text"], .wpcf7 input[type="email"], .wpcf7 input[type="tel"] {
	height:40px;
}

.wpcf7 input[type="text"], .wpcf7 input[type="email"], .wpcf7 textarea, .wpcf7 input[type="tel"] {
    width: 100%;
    padding: 1px;
    border: 1px solid #2f6431 !important;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    font-size: .97em;
    background-color: transparent;
    color: #2f6431 !important;
    font-weight: 500;
    padding: 12px;
    box-shadow: inset 0 -1.4em 1em 0 rgba(0, 0, 0, .0) !important;
}


.overlay {
    background: linear-gradient(to right, #3b4045 1%, transparent 100%) !important;
    opacity: 0.7 !important;
}


/****** MENU *******/

#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item > a.mega-menu-link {
    line-height: 40px;
    height: 40px;
    padding: 0px 10px 0px 10px;
    vertical-align: baseline;
    width: auto;
    display: block;
    color: #FEFAB9 !Important;
    text-transform: none;
    text-decoration: none;
    text-align: left;
    background: #2F6431 !important;
    border: 0px solid !important;
    border-radius: 0;
    font-family: inherit;
    font-size: 16px !Important;
    font-weight: normal;
    outline: none;
    text-transform: uppercase !important;
    font-size: 16px !important;
    font-weight: bold !important;
}


#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-flyout ul.mega-sub-menu li.mega-menu-item a.mega-menu-link {
    display: block;
    background: #fefab9 !important;
    color: #2f6431 !important;
    font-family: inherit;
    font-size: 14px;
    font-weight: normal;
    padding: 0px 10px 0px 10px;
    line-height: 35px;
    text-decoration: none;
    text-transform: none;
    vertical-align: baseline;
    text-transform: uppercase !important;
    font-weight: bold !Important;
}




/**** EVENT CALENDAR ****/


    .tribe-events .tribe-events-calendar-list__event-featured-image {
        display: block;
        border-radius: 20px;
    }



    .tribe-common button.tribe-common-c-btn--small  {
        background-color: #2f6431 !important;;
        padding: 11px 14px;
        width: auto;
        border-radius: 20px;
    }

    .tribe-common a:not(.tribe-common-anchor--unstyle) {
        color: #2f6431 ! Important;
        outline: 0;
        text-decoration: none;
        text-transform: uppercase !important;
        font-family: Bitter, sans-serif !important;
    }



    .tribe-common--breakpoint-medium.tribe-common .tribe-common-b2 {
        font-size: var(--tec-font-size-2);
        line-height: var(--tec-line-height-3);
        font-family: Bitter, sans-serif !important;
    } 

    .tribe-common--breakpoint-medium.tribe-events .tribe-events-c-top-bar__datepicker {
        margin: 0;
        padding: 0;
        display: none !Important;
    }

    .tribe-common--breakpoint-medium.tribe-events .tribe-events-header__top-bar {
        margin-bottom: var(--tec-spacer-7);
        display: none !important;
    }

    .tribe-common svg:not(:root) {
        overflow: hidden;
        display: none !important;
    }


.single-tribe_events .tribe-events-c-subscribe-dropdown button.tribe-events-c-subscribe-dropdown__button-text, .tribe-events .tribe-events-c-subscribe-dropdown .tribe-events-c-subscribe-dropdown__button-text, .tribe-events .tribe-events-c-subscribe-dropdown button.tribe-events-c-subscribe-dropdown__button-text {
        background-color: transparent;
        background-image: none;
        border: none;
        border-radius: 0;
        box-shadow: none;
        color: #2f6431 !Important;
        cursor: pointer;
        font-size: inherit;
        padding: 0;
        text-shadow: none;
    }


    .tribe-common .tribe-common-c-btn-border, .tribe-common a.tribe-common-c-btn-border {
        background-color: var(--tec-color-background);
        border: 1px solid #2f6431; 
        border-radius: var(--tec-border-radius-default);
        text-align: center;
        transition: var(--tec-transition);
        color: #2f6431 !Important;
        padding: 11px 20px;
        width: 100%;
    }



    .tribe-events .tribe-events-c-subscribe-dropdown .tribe-events-c-subscribe-dropdown__button:focus-within, .tribe-events .tribe-events-c-subscribe-dropdown .tribe-events-c-subscribe-dropdown__button:hover {
        background-color:#2f6431 !Important;
        color: #fefab9 !Important;
    }

    .tribe-common--breakpoint-medium.tribe-common .tribe-common-h6--min-medium {
        font-size: var(--tec-font-size-3);
        line-height: var(--tec-line-height-3);
        font-family: Bitter, sans-serif !important;
    }

    .tribe-common--breakpoint-medium.tribe-events .tribe-events-header {
        margin: 0;
        padding: 0;
        display: none !important;
    }

    .entry .entry-content .event-tickets .tribe-tickets__tickets-form, .event-tickets .tribe-tickets__tickets-form {
        background-color: var(--tec-color-background);
        border: 2px solid #2f6431 !important;
        border-radius: var(--tec-border-radius-default);
        -moz-osx-font-smoothing: grayscale;
        -webkit-font-smoothing: antialiased;
        font-smoothing: antialiased;
        margin: var(--tec-spacer-5) 0;
        max-width: 100% !important;
        padding: var(--tec-spacer-3) var(--tec-spacer-3) var(--tec-spacer-4);
        position: relative;
        width: 100% !important;
        border-radius: 10px !Important;
    }

    




    /***** OTHER ******/

    .lightbox-content {
        background-color: #fff;
        box-shadow: 3px 3px 20px 0 rgba(0, 0, 0, .15);
        margin: 0 auto;
        max-width: 875px;
        position: relative;
        border-radius: 30px !important;
        padding-top: 40px !important;
    }



    .icon-instagram{
        color: #2f6431 ! Important;
    }



    .nav>li.has-icon>a>i {
        min-width: 1em;
        color: #fefab9 !important;
        font-size: 30px !Important;
    }
/*************** ADD CUSTOM CSS HERE.   ***************/


@media only screen and (max-width: 48em) {
/*************** ADD MOBILE ONLY CSS HERE  ***************/