/*

 Theme Name:   X Child
 Theme URI:    http://www.optimizepress.com/
 Description:  An immensely powerful and endlessly customizable WordPress theme.
 Author:       Mohammad M. AlBanna
 Author URI:   http://www.MBanna.info/
 Template:     x
 Version:      1.0
 License URI:  http://www.gnu.org/licenses/gpl-2.0.html
 Text Domain:  x-child
*/

.h1,.h2,.h3,.h4,.h5,.h6,h1,h2,h3,h4,h5,h6{margin:.2em 0}h1{font-family:"Myriad Pro",Myriad,sans-serif!important;letter-spacing:normal!important}h2{color:#535859!important}h3{font-family:"Open Sans",sans-serif;color:#000!important}article.comment{font-size:14px}.x-colophon.bottom{padding:0}.x-navbar-inner{background-color:#fff}.h-widget{font-size:22px}.widget_categories ul>li a,.widget_nav_menu ul>li a,.widget_pages ul>li a,.widget_product_categories ul>li a{margin:.25em 0;font-size:12px}.widget_categories ul,.widget_categories ul>li,.widget_nav_menu ul,.widget_nav_menu ul>li,.widget_pages ul,.widget_pages ul>li,.widget_product_categories ul,.widget_product_categories ul>li{border-top:none;border-bottom:none}.x-colophon.top{padding:2% 0}.categories-container .category:hover,.orange-btn{cursor:pointer}.categories-container .category,.categories-container .category p,.category-handler p,.category-handler span{font-weight:700;font-family:'Open Sans Condensed',sans-serif}.categories-container{margin-top:10px;max-width:760px;margin-right:auto;margin-left:auto}.categories-container .pick-category{font-size:24px;font-weight:700;color:#f89921;text-align:center}.categories-container .category{margin-right:-1px;margin-bottom:3px;width:120px;height:120px;color:#333;vertical-align:top;box-sizing:border-box;padding:10px 5px;position:relative;background-color:#fff;border:3px solid #fbaf5d;text-align:center;display:inline-block}.categories-container .category.clicked-category{border:3px solid #77cdd4}.categories-container .category img,.category .helper{vertical-align:middle;max-width:100px}.categories-container .category.active,.category-handler{background-color:#535859}.category .img-container{height:60px}.category .helper{display:inline-block;height:100%}.categories-container .category p{margin:0 5px 0 0;height:40px;display:table-cell;vertical-align:middle;text-align:center;width:120px;line-height:normal;color:#f89921;font-size:14px}.category-handler{height:240px;text-align:center;display:none;width:100%;position:fixed;right:0;bottom:30%;z-index:1000;overflow:visible!important}.category-handler p,.category-handler span{font-size:24px;color:#fff;line-height:normal!important;font-family:Lato,sans-serif;margin:0 0 5px;font-weight:500!important;text-transform:uppercase}span#category-name{color:#fbaf5d}.category-handler .magic-box{display:inline-block;vertical-align:top;margin-top:25px}.categories-container .category-handler input,.categories-container .category-handler input:focus{display:inline-block;width:95px;padding:6px;box-sizing:border-box;background-color:#FFC169;border:1px solid #DA8101;outline:0;color:#333;text-align:center;margin-left:5px;box-shadow:none!important}.category-handler input[name=magic-input]{display:inline-block!important;padding:15px;border-radius:0}.category-handler .magic-result{display:block;vertical-align:top;margin-top:5px}.category-handler #magicResult{opacity:0}.clear-both{clear:both}.close-category-handler{position:absolute;top:-15px;right:0;cursor:pointer}.close-category-handler img{width:30px}@media screen and (max-width:765px){.categories-container{max-width:100%;text-align:center;margin-left:auto;margin-right:auto}.category-handler{height:180px;bottom:0}.category-handler p{font-size:16px}.category-handler .magic-box,.category-handler .magic-result{width:100%}}.orange-btn{margin-top:20px;background-color:#FEBA64!important;-webkit-border-radius:3px;border-radius:3px;display:inline-block;color:#333!important;font-family:arial;font-size:13px!important;font-weight:700;padding:6px 24px!important;text-decoration:none;outline:0;min-width:60px;border:none;text-shadow:none!important}.orange-btn:hover{background-color:#FCA02B}.bugs-form-container{font-size:14px;line-height:20px;color:#595959;font-weight:700}.bugs-form-container tr{text-align:center}.bugs-form-container .message{padding:8px 14px;margin-bottom:0;text-shadow:0 1px 0 rgba(255,255,255,.5);background-color:#FCF8E3;border:1px solid #FBEED5;-webkit-border-radius:4px;border-radius:4px;font-weight:700;font-size:14px;margin-top:30px;text-align:center}.bugs-form-container table{margin:20px auto}.bugs-form-container .message.info{color:#3A87AD;background-color:#D9EDF7;border-color:#BCE8F1}.bugs-form-container input[type=text],.bugs-form-container textarea{background-color:#FFF;border:1px solid #CCC;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075);-moz-box-shadow:inset 0 1px 1px rgba(0,0,0,.075);box-shadow:inset 0 1px 1px rgba(0,0,0,.075);-webkit-transition:border linear .2s,box-shadow linear .2s;-moz-transition:border linear .2s,box-shadow linear .2s;transition:border linear .2s,box-shadow linear .2s;display:inline-block;padding:4px 6px;font-size:14px;line-height:20px;color:#555;vertical-align:middle;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;outline:0;width:300px;margin-bottom:10px;margin-left:10px;text-align:left}.bugs-form-container input[type=file]{margin-bottom:10px;margin-left:10px}

.js-pricing-table {
    text-align: center;
    font-family: Lato, sans-serif!important;
    font-style: normal
}

.js-pricing-table td {
    text-align: center;
    height: 1px;
    line-height: 1.4!important
}

.js-pricing-table li {
    font-weight: 400!important;
    display: block;
    height: 32px;
    line-height: 1.4!important
}

.js-pricing-table strong {
    font-weight: 700
}

.js-extension-table, .js-web-app-table {
    font-size: 16px;
    border-spacing: 0;
    border-collapse: collapse;
    text-align: center;
    background-color: #F8F8F8;
    width: 35%;
    display: inline-table;
    vertical-align: top
}

.js-web-app-table {
    width: 60%;
    background-color: #f89920
}

.js-extension-table {
    margin: 0 15px 20px 0
}

.js-extension-table .text-white, .js-web-app-table .text-white {
    color: #fff!important
}

.js-extension-table .max-cell-width, .js-web-app-table .max-cell-width {
    width: 100px !important;
    display: inline-block
}

.js-extension-table .max-cell-height, .js-web-app-table .max-cell-height {
    height: 50px!important
}

.js-extension-table th, .js-web-app-table th {
    padding: 10px;
    text-align: center
}

.js-extension-table caption, .js-web-app-table caption {
    background-color: #F8F8F8;
    padding: 10px;
    text-transform: uppercase;
    font-size: 20px;
    letter-spacing: 1px
}

.js-web-app-table caption {
    background-color: #f89920
}

.js-extension-table tbody, .js-web-app-table tbody {
    font-size: 16px!important;
    color: #4e4e4e!important;
    margin: 0 20px;
    padding: 10px
}

.js-extension-table tbody li, .js-web-app-table tbody li {
    font-size: 16px!important
}

.js-extension-table tfoot td, .js-web-app-table tfoot td {
    padding: 20px 5px;
    vertical-align: middle!important
}

.js-extension-table img, .js-web-app-table img {
    display: inline-block !important;
    width: 15px !important;
    vertical-align: middle
}

.js-extension-table tbody td, .js-web-app-table tbody td {
    padding: 5px 5px 0;
    vertical-align: middle !important;
    border-bottom: 1px solid #e8e8e8;
}

.js-extension-table tr li, .js-web-app-table tr li {
    color: #4e4e4e !important;
    list-style: none;
    margin: 0;
    padding: 0 5px 5px
}

.js-web-app-table tr {
    border-bottom: 1px solid #EEAC57
}

.js-extension-table .js-extension-price, .js-web-app-table .js-web-app-price {
    background-color: #595959;
    color: #fff;
    font-size: 36px;
    height: 45px
}

.no-padding-left {
    padding-left: 0!important
}

.no-padding-right {
    padding-right: 0!important
}

.js-extension-table .js-extension-type, .js-web-app-table .js-web-app-type {
    background-color: #595959;
    color: #fff
}

.js-web-app-type th:nth-child(2) {
    width: 52%
}

.js-extension-table .js-extension-fees, .js-web-app-table .js-web-app-fees {
    background-color: #fff;
    font-size: 16px!important;
    color: #4e4e4e!important
}

.js-extension-table .js-extension-fees td, .js-web-app-table .js-web-app-fees td {
    padding-bottom: 10px
}

.js-extension-table .signup-buttons, .js-web-app-table .signup-buttons {
    background: #f89920;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    border: 0;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    border-bottom: 3px solid #f28826;
    box-shadow: none;
    text-shadow: none;
    font-size: 16px;
    padding: 10px;
    transition: all .3s ease-in-out 0s;
    color: #fff!important;
    display: inline-block;
    text-transform: uppercase
}

.js-web-app-table .signup-buttons {
    background: #595959;
    border-bottom: 3px solid #595959
}

.js-extension-table .signup-buttons:hover {
    background: #F7A237;
    text-decoration: none
}

.js-web-app-table .signup-buttons:hover {
    border-bottom: 3px solid #595959;
    background: #333;
    text-decoration: none
}

.center-span {
    display: inline-block;
    height: 100%;
    vertical-align: middle
}

@media screen and (max-width:960px) {
    body, html {
        overflow: auto
    }
    .js-extension-table, .js-web-app-table {
        width: 100%
    }

    .js-pricing-table li {
        font-size: 17px!important
    }
    .js-extension-table tr:not(:first-child) li, .js-web-app-table tr:not(:first-child) li {
        padding: 0 5px 10px
    }
    .js-pricing-table strong {
        font-size: 16px!important
    }
    .js-pricing-table tr:last-child td {
        width: 150px!important
    }
    .js-pricing-table tr:last-child a {
        padding: 10px;
        font-size: 17px
    }
    .js-pricing-table li, .js-extension-table .max-cell-height, .js-web-app-table .max-cell-height {
        height: auto !important;
        line-height: 19px!important
    }
    footer {
        text-align: center
    }
}

@media screen and (max-width:480px) {
    .js-extension-price th span{
        display: inline-block;
        width: 100px;
    }
    .js-extension-table .max-cell-width, .js-web-app-table .max-cell-width {
        width: auto !important
    }
    .main-content-area {
        padding: 0 10px!important
    }
    .js-extension-table {
        margin-left: auto!important;
        margin-right: auto!important
    }
    .x-brand {
        width: 75%;
    }
}


.custom-email-form{width:100%;display:inline-block}.custom-email-form form{margin:0}.custom-email-form input[type=email],.custom-email-form input[type=submit]{display:block;width:100%}.custom-email-form input[type=submit].form-btn-gray{background:#535859!important}.custom-email-form .form-privacy{text-align:center;font-size:12px;color:#b8b8b8;margin-bottom:0;font-family:"Open Sans",sans-serif}.form-privacy.form-btn-gray{color:#4e4e4e}

.bookmark-categories-container{
    padding: 15px;
    text-align: center;
}

.bookmark-categories-container select[name="list-bookmarks"]{
    background: url(images/down-arrow.png) 96% center no-repeat #fff;
    -webkit-appearance: none;
    -o-appearance: none;
    -moz-appearance: none;
    border-radius: 10px;
    border: 1px solid #f89920;
    width: 290px;
    font-weight: bold;
    font-size: 14px;
    outline: none !important;
    text-transform: uppercase;
    margin-bottom: 30px;
}


.bookmark-box {
    width: 350px;
    text-align: left;
    margin-bottom: 10px;
    padding: 20px;
    box-sizing: border-box;
    border: 2px solid #f89920;
    margin: 15px;
    height: 400px;
    display: inline-block;
    vertical-align: top;
}

.bookmark-box.hide{
    display: none;
}

.bookmark-box img{
    max-width: 100%;
    min-height: 100px;
    border: 2px solid #e5e5e5;
    padding: 6px;
    margin-top: 5px;
    margin-bottom: 5px;
}

.bookmark-details h4{
    font-size: 24px !important;
    margin-top: -5px;
    min-height: 65px;
}

.bookmark-details p {
    font-size: 14px !important;
    line-height: 22px;
    margin-bottom: 10px;
    overflow: hidden;
}

.bookmark-details .bookmark-description{
    height: 65px;
    overflow: hidden; 
}

.bookmark-details .bookmark-more{
    float: right;
    text-transform: uppercase;
    background-color: #f89920;
    color: white;
    padding: 10px 15px;
}

.bookmark-more:hover{
   background-color: #965b0d; 
}

.bookmark-more p{
    margin: 0px !important;
}

@media screen and (max-width:950px) {
    .bookmark-box{
        width: 290px;
        height: auto;
    }
}

@media screen and (max-width:420px) {
    .bookmark-categories-container{
        padding: 0px;
    }

    .bookmark-categories-container select[name="list-bookmarks"]{
        width: 90%;
        font-size: 13px;
    }

    .bookmark-categories-container .bookmark-box {
        width: 90%;
    }
}

.new-blog-header-container{background-color:#fff}.new-blog-header{background-color:#f89920;height:250px;text-align:center;position:relative}.new-blog-header:before{background:url(images/blogheader.png) center 10% no-repeat;width:100%;height:100%;content:'';position:absolute;top:0;left:0;z-index:1}.new-blog-header .blog-text-header{display:inline-block;font-size:32px;color:#fff;line-height:45px;margin-top:30px;font-weight:700;max-width:900px;position:relative;z-index:2}.new-blog-header .success-message{display:block;margin-top:-15px;max-width:none;font-size:42px;font-weight:700;color:#fff;position:relative;z-index:2}.new-blog-header form input[type=email]{position:relative;z-index:2;width:400px;height:48px;margin:0 20px 0 0;color:#535859;font-size:26px;font-weight:700;border:2px solid #545859!important;border-radius:10px}.new-blog-header form input[type=submit]{position:relative;z-index:2;background-color:#76e1e5!important;border:none!important;padding:5px 35px;color:#535859;text-shadow:none!important;font-size:30px;font-weight:700;border-radius:10px}.js-categories a,.js-categories h4{color:#535859!important}@media screen and (max-width:680px){.new-blog-header{padding:20px;font-size:27px!important;line-height:34px!important;height:auto!important}.new-blog-header .blog-text-header{font-size:30px;line-height:35px}.new-blog-header form input{display:inline-block;margin-bottom:20px!important;width:100%!important;font-size:22px!important}}.creative-cta,.js-categories .circle-cat.active{background-color:#f89920}.entry-featured{min-height:165px!important}.js-categories{margin-top:3em}.js-categories li{list-style-type:none}.js-categories .circle-cat{display:inline-block;width:15px;height:15px;border-radius:50%;border:1px solid #535859;margin-right:5px}.js-categories a:hover{color:#f89920!important}.js-categories ul{margin-left:0}.creative-cta{height:95px;overflow:hidden;width:100%!important;padding:25px 60px!important}.creative-cta span{display:block;transition:all .3s;-webkit-transition:all .3s;-moz-transition:all .3s;-o-transition:all .3s}.creative-cta .anchor-text{opacity:1;font-size:36px}.creative-cta i{font-size:48px}.creative-cta:hover{background-color:#575558!important;border:1px solid #575558!important}.creative-cta:hover .anchor-text{opacity:0;transform:translate(-150%,0);-webkit-transform:translate(-150%,0);-moz-transform:translate(-150%,0);-o-transform:translate(-150%,0);transition:all .5s;-webkit-transition:all .5s;-moz-transition:all .5s;-o-transition:all .5s}.creative-cta span:nth-child(2){transform:translate(0,-90%) scale(0,0);-webkit-transform:translate(0,-90%) scale(0,0);-moz-transform:translate(0,-90%) scale(0,0);-o-transform:translate(0,-90%) scale(0,0);transition:all .5s;-webkit-transition:all .5s;-moz-transition:all .5s;-o-transition:all .5s}.creative-cta:hover span:nth-child(2){transform:translate(0,-90%) scale(1,1);-webkit-transform:translate(0,-90%) scale(1,1);-moz-transform:translate(0,-90%) scale(1,1);-o-transform:translate(0,-90%) scale(1,1);transition:all .5s;-webkit-transition:all .5s;-moz-transition:all .5s;-o-transition:all .5s}@media screen and (max-width:440px){.creative-cta{height:80px;padding:20px!important;line-height:1.1!important}.creative-cta .anchor-text{font-size:28px}.creative-cta span:nth-child(2){transform:translate(0,-75%) scale(0,0);-webkit-transform:translate(0,-75%) scale(0,0);-moz-transform:translate(0,-75%) scale(0,0);-o-transform:translate(0,-75%) scale(0,0)}.creative-cta:hover span:nth-child(2){transform:translate(0,-75%) scale(1,1);-webkit-transform:translate(0,-75%) scale(1,1);-moz-transform:translate(0,-75%) scale(1,1);-o-transform:translate(0,-75%) scale(1,1)}}.js-features-box{overflow:hidden;padding:25px}.js-features-box .features-list{float:left;width:50%}.js-features-box .features-contents{float:right;width:50%}.features-list .feature-item{padding:10px 0}.features-list .feature-item h4{color:#000;font-size:22px;display:inline-block;margin-left:30px}.features-contents .feature-content{display:none}.features-contents .feature-content li{line-height:1.4}.feature-content p,.feature-content span{font-size:12px;line-height:1.4}.features-contents .feature-content a{color:#000}.features-contents .feature-content a:hover{color:#333!important;border-color:#333!important}.features-contents .feature-content.current{display:block}.features-list .feature-item.current h4,.features-list .feature-item:hover h4{color:#f89b20;cursor:pointer}.features-list .feature-item.current i,.features-list .feature-item:hover i{background-color:#f89b20;border:2px solid #f89b20;color:#fff;cursor:pointer}.features-list .feature-item i{font-size:24px;border-radius:50%;border:2px solid #a7a5a5;color:#ccc;width:60px;height:60px;text-align:center;line-height:56px}@media screen and (max-width:1260px){.js-features-box .feature-item h4{font-size:18px;margin-left:20px}}@media screen and (max-width:1080px){.js-features-box .features-list{display:block;float:none;text-align:center;width:100%}.features-contents .feature-content,.js-features-box .features-contents{float:none;text-align:center;width:100%;margin-top:30px}.js-features-box .feature-item{width:520px;text-align:left;display:inline-block}}@media screen and (max-width:700px){.js-features-box{padding:15px}.js-features-box .feature-item{width:100%}.js-features-box .feature-item h4{font-size:16px;margin-left:10px;width:77%}.features-list .feature-item{padding:5px 0}.features-list .feature-item i{width:40px;height:40px;line-height:37px;font-size:16px;display:inline-block;margin-left:5px}@media screen and (max-width:400px){.js-features-box .feature-item h4{float:right}}}