/*
Theme Name:     S9
Theme URI:      https://s9.uk
Template: hello-elementor
Author:         S9
Author URI:     https://s9.uk
Description:    S9 is a child theme of Hello Elementor, created by Elementor team S9.
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:    s9
Tags: blog, custom-logo, e-commerce, rtl-language-support, post-formats, grid-layout, one-column, two-columns, custom-background, custom-colors, custom-header, custom-menu, featured-image-header, featured-images, flexible-header, full-width-template, sticky-post, theme-options, threaded-comments, translation-ready, accessibility-ready, wide-blocks, block-styles
*/
body {
    padding: 0 30px !important;
}
a {
    color: #EDA922;
}
button:focus,
button:active {
	background: #EDA922 !important;
}
/* Custom video player */
:root {
    --plyr-color-main: #EDA921;
    --plyr-font-family: "Work Sans", Sans-serif;
    --plyr-control-icon-size: 25px;
    --plyr-video-controls-background: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0))
}

/*button.plyr__controls__item:hover,
.plyr__volume button.plyr__control:hover {
    transform: translateY(-10px);
}
button.plyr__controls__item,
.plyr__volume button.plyr__control {
    
    background: #EDA921 !important;
    border-radius: 50%;
    height: 70px;
    width: 70px !important;
    text-align: center !important;
    margin: 0;
    display: flex !important;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    bottom: 30px;
    right: 30px;
    animation: pulse 2s infinite;
    margin-right: 10px !important;
}*/

/*footer css*/
/*#footer-contact .plyr__controls {
    justify-content: flex-start;
}
#footer-contact button.plyr__controls__item.plyr__control,
#footer-contact .plyr__volume button.plyr__control {
    right: auto;
    left: 30px;
}
*/


/*button.plyr__control.plyr__control--overlaid {
    display: none !important;
}
*/
.plyr--full-ui.plyr--video .plyr__control--overlaid {
    padding: 25px !important;
}

.plyr__video-wrapper {
    z-index: -1 !important;
}

.plyr--stopped.plyr__poster-enabled .plyr__poster {
    z-index: 999 !important;
}


/* Elementor CSS button animation */
.elementor-button {
    box-shadow: 0 0 0 rgba(204, 169, 44, 0.4);
    animation: pulse 2s infinite;
}

.elementor-button:hover {
    animation: none;
}

/* Blog page */
#subscribe-box .e-form__buttons {
    position: absolute;
    right: 0;
}
#subscribe-box .e-form__buttons i{
    color:#EDA921;
}
#subscribe-box input:focus {
    box-shadow: none !important;
}
/* blog pagination */
#custom-blog nav.elementor-pagination .page-numbers {
    height: 50px;
    width: 50px;
    display: inline-block;
    line-height: 32px;
    color: #000;
    transition: .4s;
}
#custom-blog nav.elementor-pagination .page-numbers:hover {
    background: #EDA921;
    color: #fff;
    transform: translateY(-8px);
}
#custom-blog nav.elementor-pagination .page-numbers.prev,
#custom-blog nav.elementor-pagination .page-numbers.next {
    color: #000 !important;
    font-size: 20px;
    background: #F5F5F7 !important;
    border-radius: 100% !important;
}

#custom-blog nav.elementor-pagination .page-numbers.current {
    color: #fff !important;
}

/* Single post */
#related-post .elementor-post__text {padding: 0 30px 30px;}


/* Elementor form */
.elementor-message.elementor-message-success {
    position: absolute;
    bottom: -20px;
    color: #0e740e;
    width: 100%;
    text-align:center;
    left: 50%;
    transform:translateX(-50%);
}

/**********************/
/* Contact form 7 CSS */
/**********************/

/* Contact form 7 */
.wpcf7 form.sent .wpcf7-response-output {
	/*border-color: #EDA922;color: #000;*/
	background: #EDA922;
    color: #fff;
    border-radius: 50px;
}
span.wpcf7-not-valid-tip {
    color: #FF1B1B !important;
    margin-top: -40px;
    margin-bottom: 40px;
    font-size: 10px;
    background: #EDA922;
    padding: 0 10px;
    color: #fff !important;
    border-radius: 10px;
}
.wpcf7-response-output {
    color: #FF1B1B;
}
.s9-contact__form p,
.s9-contact__form br,
.s9-contact__heading p {
    display: none;
}

.s9-col-2 {
    display: flex;
    column-gap: 15px;
}
.s9-text-right {
    text-align: right;
}
.s9-contact__form {
    background: #fff;
    padding: 50px 40px 10px;
    position: relative;
    margin-bottom: 60px;
    border: 1px solid #EA9D30;
}

.s9-contact input,.s9-contact textarea {
    border: none;
    padding: 0px 0 20px;
    border-bottom: 1px solid #dbdbdb73;
    border-radius: 0;
    margin-bottom: 40px;
    font-family: "Work Sans", Sans-serif;
}

.s9-contact input::focus, 
.s9-contact textarea::focus{
    outline: none !important;
}


.s9-contact input::placeholder, 
.s9-contact textarea::placeholder {
    font-size: 12px;
    text-transform: capitalize;

}

.s9-contact textarea {
    height: 100px;
    resize: none;
    margin: 0;
}

.s9-contact input[type=submit]:focus {
    outline: none !important;
}
.s9-contact input[type=submit]:hover {bottom: 10px;}
.s9-contact input[type=submit] {
    background: #EDA921;
    display: inline-block;
    padding: 15px 30px;
    color: #fff;
    border-radius: 50px;
    text-transform: uppercase;
    font-weight: bold;
    border: 8px solid #F9F4EF;
    box-shadow: 0 0 0 rgb(204 169 44 / 40%);
    animation: pulse 2s infinite;
    margin: 0;
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%) translateY(50%);
}
.s9-contact input[type=checkbox] {
    float: left;
    margin-top: 4px;
}
.s9-contact .agree-terms span.wpcf7-list-item-label {
    float: left;
    width: 90%;
    padding-left: 15px;
}

.s9-contact .agree-terms span {
    color: #5C6365;
    font-weight: 400;
    line-height: 20px;
    font-size: 14px;
    margin: 0;
}


/* CSS Animation */
@-webkit-keyframes pulse {
    0% {
        -webkit-box-shadow: 0 0 0 0 rgba(204, 169, 44, 0.4);
    }

    70% {
        -webkit-box-shadow: 0 0 0 10px rgba(204, 169, 44, 0);
    }

    100% {
        -webkit-box-shadow: 0 0 0 0 rgba(204, 169, 44, 0);
    }
}

@keyframes pulse {
    0% {
        -moz-box-shadow: 0 0 0 0 rgba(204, 169, 44, 0.4);
        box-shadow: 0 0 0 0 rgba(204, 169, 44, 0.4);
    }

    70% {
        -moz-box-shadow: 0 0 0 10px rgba(204, 169, 44, 0);
        box-shadow: 0 0 0 10px rgba(204, 169, 44, 0);
    }

    100% {
        -moz-box-shadow: 0 0 0 0 rgba(204, 169, 44, 0);
        box-shadow: 0 0 0 0 rgba(204, 169, 44, 0);
    }
}




/*Responsive CSS*/

@media (min-width: 1550px) {
    .res-con.elementor-section.elementor-section-boxed > .elementor-container {
        max-width: 1400px !important;
    }    
}


@media (min-width: 1750px) {
    .res-con.elementor-section.elementor-section-boxed > .elementor-container {
        max-width: 1550px !important;
    }    
}
@media (max-width: 1024px) {
   /* button.plyr__controls__item,
    .plyr__volume button.plyr__control {

        height: 50px;
        width: 50px !important;
        bottom: 20px;
        right: 20px;
    }

    #footer-contact button.plyr__controls__item.plyr__control,
    #footer-contact .plyr__volume button.plyr__control {
        right: auto;
        left: 20px;
        bottom: 20px;
    }*/

}
@media (max-width: 400px) {
    .s9-col-2 {
        flex-direction: column;
    }
}
@media (max-width: 767px) {
    #subscribe-box .e-form__buttons {
        position: inherit;
        right: 0;
    }
    body {
        padding: 0 10px !important;
    }

}