/*
Theme Name: X – Child Theme
Theme URI: http://theme.co/xpro/
Author: Taraprasad Swain
Author URI: https://www.taraprasad.com/
Description: Make all of your modifications to X Pro in this child theme.
Version: 1.0.0
Template: x
*/
body{letter-spacing: 0.5px;}
h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6{margin:0 0 20px;}
* { margin: 0; padding: 0; box-sizing: border-box; -webkit-box-sizing: border-box; outline: none;}


p{margin:0 0 25px; line-height:24px;}

.clr{clear:both;}
.clearfix:after {display: block; content: ''; width: 100%; clear: both; }

::-webkit-input-placeholder{color:#fff !important;}
::-moz-placeholder{color:#fff !important;}
:-ms-input-placeholder{color:#fff !important;}
:-moz-placeholder{color:#fff !important;}

ul.list{list-style:none; margin:0 0 30px;}
ul.list li{display:block; margin-bottom:10px; padding-left:20px; position:relative;}
ul.list li:after{position:absolute; content:"\f058"; left:0; top:0; color:#50be00; font-family: FontAwesome;}

ol.list {
    font-size: 16px;
    line-height: 24px;
}
ol.list li {
    margin-bottom: 17px;
}
ol.list li::marker {
    background: #000;
    border: #000 2px solid;
    color: #50be00;
    font-weight: 700;
    font-size: 20px;
}

.text-white{color:#fff;}
.text-red{color:#ed2926;}

.btn-main{background-color: #ed2926; border: none; box-shadow: none; border-radius: 30px; padding:15px 30px; color: #fff; font-size: 18px; line-height: 18px; text-align: center; font-family: "Jost",sans-serif;}

header.masthead.masthead-inline {
    position: absolute;
    margin-bottom: -115px;
    width: 100%;
}
.x-navbar {
    border-bottom: none;
    background-color: inherit;
    box-shadow: none;
}
.x-navbar .desktop .x-nav > li > a:hover, .x-navbar .desktop .x-nav > .x-active > a, .x-navbar .desktop .x-nav > .current-menu-item > a{box-shadow: none !important;}

.x-navbar .x-nav>li.h-btn-main a span{transition: 0.3s; background-color: #ed2926; border: none; box-shadow: none; border-radius: 30px; padding:15px 30px; color: #fff; font-size: 18px; line-height: 18px; text-align: center; font-family: "Jost",sans-serif;}
.x-navbar .x-nav>li.h-btn-main a span:hover{background-color: #000;}
.x-slider-container {
    border-bottom: none;
    position: relative;
}
.white-bottom-graphic, .white-top-graphic{position: relative;}
.x-slider-container:after, .white-bottom-graphic:after {
    background-image: url(images/white-bottom-graphic.png);
    background-repeat: repeat-x;
    background-position: left bottom;
    position: absolute;
    content: "";
    left: 0;
    bottom: 0;
    width: 100%;
    height: 4px;
    z-index: 9;
}
.white-top-graphic:after {
    background-image: url(images/white-top-graphic.png);
    background-repeat: repeat-x;
    background-position: left top;
    position: absolute;
    content: "";
    left: 0;
    top: 0;
    width: 100%;
    height: 4px;
    z-index: 9;
}

.x-colophon {
    background-color: #ed2926;
}
.x-colophon.bottom {
    padding: 40px 0;
    font-size: 14px;
    color: #fff;
    position: relative;
}
.x-colophon.bottom a, .x-colophon.bottom a:hover {
    color: #fff;
}
.x-colophon.bottom::before{position: absolute; content: ""; right: 0; bottom: 0; width:500px; height: 405px; background: url(images/aef-footer-girl.png) no-repeat top center; background-size: contain; z-index: 9;}
.x-colophon.bottom .x-colophon-content{letter-spacing: 0.5px;}

.x-colophon.bottom .x-container.max.width{position: relative;z-index: 9;}

.footer-social{margin-bottom: 15px;}
.footer-social a {
    font-size: 30px;
    color: #fff !important;
    display: inline-block;
    margin: 0 8px;
}
.f-field-row {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    margin: 0 -10px;
}
.f-field-col {
    width: 50%;
    padding: 0 10px;
    margin-bottom: 20px;
}
.f-field-col input {
    display: block;
    width: 100%;
    height: 45px;
    background: none;
    border: #fff 2px solid !important;
    border-radius: 30px;
    box-shadow: none;
    padding: 0 15px;
    font-size: 16px;
    font-family: "Jost",sans-serif;
    margin: 0;
    color: #ffffff;
}
.send-btn {
    margin-top: 20px;
}
.send-btn input {
    display: block;
    width: 100%;
    height: 50px;
    font-size: 18px;
    line-height: 18px;
    text-shadow: none;
    font-family: "Jost",sans-serif;
    font-weight: 700;
}
.wpcf7 .wpcf7-spinner{display: none;}

@media only screen and (max-width:1160px) {
    .x-colophon.bottom::before {width: 420px; height: 345px;}
}
@media only screen and (max-width:978.98px) {
    h1, .h1{font-size:60px !important;}
    h2, .h2{font-size:48px !important;}
    h3, .h3{font-size:36px !important;}
    h4, .h4{font-size:30px !important;}
    h5, .h5{font-size:24px !important;}
    h6, .h6{font-size:18px !important;}
 
    .x-nav-wrap.desktop{display: block;}
    .masthead-inline .x-btn-navbar{display: none;}

    .x-colophon.bottom::before {width: 345px; height: 285px;}
}
@media only screen and (max-width:766.98px) {
    h1, .h1{font-size:48px !important;}
    h2, .h2{font-size:40px !important;}
    h3, .h3{font-size:32px !important;}
    h4, .h4{font-size:28px !important;}
    h5, .h5{font-size:22px !important;}
    h6, .h6{font-size:18px !important;}
}
@media only screen and (max-width:640px) {
    h1, .h1{font-size:40px !important;}
    h2, .h2{font-size:36px !important;}
    h3, .h3{font-size:30px !important;}
    h4, .h4{font-size:24px !important;}
    h5, .h5{font-size:20px !important;}
    h6, .h6{font-size:18px !important;}
}
@media only screen and (max-width:575px) {
    .x-brand img {width: calc(250px / 2) !important;}
    .x-navbar .x-nav>li.h-btn-main a span{font-size: 15px; line-height: 15px; padding: 10px 15px;}

    .f-field-col{width: 100%;}
}

.x-td, .x-div, .x-row, .x-col, .x-grid, .x-cell, .x-section, .x-acc-header, .x-acc-header-indicator, .x-crumbs-link, .x-paginate-inner>*, .x-anchor, .x-anchor-text-primary, .x-anchor-text-secondary, .x-anchor-sub-indicator, .x-anchor.has-int-content .x-anchor-content, .x-bar-is-sticky, .x-bar-is-sticky .x-bar-content, [data-x-toggle-collapse], .x-graphic-child, .x-image, .x-line, .x-mini-cart li, .x-mini-cart a:not(.x-anchor), .x-modal-close, .x-search, .x-search-btn, .x-search-input, .x-icon, .x-text, .x-text-content-text-primary, .x-text-content-text-subheadline, .x-text-typing, .x-typed-cursor, .x-menu-first-level, .x-menu-layered:not(.x-menu-first-level), .x-wc-add-to-cart-form, .x-wc-shop-sort, [data-x-particle], .x-bar, .x-bar-scroll-button, .x-bar-container, .x-slide, .x-slide-pagination, .x-slide-pagination li{
    transition-duration: inherit !important;
}

footer a {
    color: #ffffff;
}

footer a:hover {
    color: #000000;
}

.x-section {
    overflow: hidden;
}

.x-section.x-colophon.bottom {
    overflow: visible;
}