/*
Theme Name:     Foxiz
Theme URI:      https://foxiz.themeruby.com
Author:         Theme-Ruby
Author URI:     https://themeforest.net/user/theme-ruby/
Description:    Foxiz - WordPress Newspaper News and Magazine Theme
Requires at least: 6.0
Requires PHP:   7.0
Text Domain:    foxiz
Version:        2.4.3
Tags:           custom-background, custom-menu, featured-images, theme-options, custom-colors, translation-ready, threaded-comments, translation-ready
License:        Themeforest Licence
License URI:    https://themeforest.net/licenses/standard
*/

/*
Theme Name:     Foxiz
Theme URI:      https://foxiz.themeruby.com
Author:         Theme-Ruby
Author URI:     https://themeforest.net/user/theme-ruby/
Description:    Foxiz - WordPress Newspaper News and Magazine Theme
Requires at least: 6.0
Requires PHP:   7.0
Text Domain:    foxiz
Version:        2.4.3
Tags:           custom-background, custom-menu, featured-images, theme-options, custom-colors, translation-ready, threaded-comments, translation-ready
License:        Themeforest Licence
License URI:    https://themeforest.net/licenses/standard
*/


.custom-cta .container.cta-container.text-center {
    background: #925af2;
    background: linear-gradient(276deg, #925af2 0, #6637ec 100%);
    border-radius: 18px;
    padding: 4.375em 6.125em;
    position: relative;
    overflow: hidden;
    text-align: center;
}

.custom-cta{position: relative;}
#gravity-form-popup form .gform_footer input[type="submit"]{border-radius: 8px !important;background-image: linear-gradient(270deg, #485AFF 0%, #6637EC 100%);}

.custom-cta .container .default-content {
    color: #fff;
}

.custom-cta .small-container {
    max-width: 1040px;
    margin: 0 auto;
}
.custom-cta .container.cta-container span {
    display: block;
    width: 20em;
    height: 50em;
    border-radius: 50%;
    position: absolute;
    left: 0;
    right: 0;
    margin: 0 auto;
    top: 50%;
    transform: translateY(-50%);
    border: 1px solid rgba(255, 255, 255, .3);
    pointer-events: none;
}
a.demo-btn {
    background-color: transparent;
    background-image: linear-gradient(270deg, #485AFF 0%, #6637EC 100%) !important;
    border-style: solid;
    border-width: 1px 1px 1px 1px;
    border-color: var(--e-global-color-accent);
    border-radius: 8px 8px 8px 8px;
    color: #fff !important;
    text-transform: none !important;
}
a.demo-btn:hover {
    box-shadow: 2px 4px 12px rgb(0 0 0 / 30%) !important;
    background: linear-gradient(270deg, #485aff 0, #6637ec 100%) !important;
}
a.common-btn {
    margin: 0 10px;
}
a.white-demo-btn {
    background: #fff !important;
}
a.white-demo-btn:hover {
    border-color: #fff !important;
    background: transparent !important;
}

.elementor-col-50 .custom-cta .container.cta-container span.two {
    width: 23em;
    height: 50em;
}
.elementor-col-50 .custom-cta .container.cta-container span.three {
    width: 26em;
    height: 50em;
}
.elementor-col-50 .custom-cta .container.cta-container span.one{
    width: 20em;
    height: 50em;
}

.custom-cta a.btn.white-btn {
    background-color: #fff;
    color: #6637ec !important;
}

.custom-cta .container .default-content {
    color: #fff !important;
}
.custom-cta .container .content {
    position: relative;
}

.custom-cta a.btn.white-btn {
    background-color: transparent;
    color: #fff !important;
    transition: all .3s ease-in-out;
    -ms-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    font-size: 1rem;
    font-weight: 500;
    border: 1px solid #ffffff;
    border-radius: 8px;
    padding: 12px 30px 12px 30px;
    box-shadow: none;
    text-decoration: none;
    margin-top: 25px;
    display: inline-block;
    border-radius: 8px;
    padding: 12px 30px 12px 30px;
    box-shadow: none;
}
.custom-cta a.btn.white-btn:hover {
    background-color: #000;
    color: #fff !important;
    box-shadow: 2px 4px 12px rgba(0, 0, 0, .3);
    border-color: #000;
}

.cta-section .cta-container h2 {
    font-size: 48px !important;
}

.cat-container{max-width: 1140px; margin: 25px auto;}



@media only screen and (min-width: 1200px) { 
   
    .custom-cta .container.cta-container span{
        width: 45em;
        height: 960px;
    }
    .custom-cta .container.cta-container span.two {
        width: 50em;
        height: 1020px;
    }
    .custom-cta .container.cta-container span.three {
        width: 55em;
        height: 1120px;
    }
    .custom-cta .content h2, .elementor-col-50 .custom-cta .content h2{font-size: 40px;margin-bottom: 25px;}

}

@media only screen and (max-width: 1200px) {
    .elementor-col-50 .custom-cta .container.cta-container span{border: 0 !important;}
}
@media only screen and (max-width: 1024px) {
    .custom-cta .container.cta-container{padding: 2em !important;}
    .custom-cta .container.cta-container span{border: 0 !important;}
    .cta-section .cta-container h2, .elementor-col-50 .custom-cta .content h2{font-size: 40px !important;}
    .cat-container{max-width: 1024px; padding: 0 20px; margin: 15px auto;}
    
}
@media only screen and (max-width: 767px) {
    .cta-section .cta-container h2, .elementor-col-50 .custom-cta .content h2{font-size: 35px !important;}
    .custom-cta .container.cta-container span{border: 0 !important;}
    .custom-cta .container.cta-container{padding: 2.188em !important;}
}


body .common-btn {background: transparent;color: #6637EC;text-transform: capitalize;font-family: 'DM Sans';font-weight: 700;letter-spacing: -0.75px;}
body .common-btn:hover {color: #fff;box-shadow: unset;border-color: #6637ec;background: #6637ec;}
body .white-btn{background: transparent;color: #fff !important;text-transform: capitalize;font-family: 'DM Sans';font-weight: 700;letter-spacing: -0.75px;border-color: #fff;}
body .btnbr-comman{background: #485aff;background: linear-gradient(270deg, #485aff 0, #6637ec 100%);color: #fff;}
body .btn.btnbr-comman:hover {color: #6637ec !important;border: 1px solid #6637ec !important;background: transparent !important;}