/*
Theme Name:     Storefront Child Theme
Theme URI:      https://github.com/stuartduff/storefront-child-theme
Author:         Stuart Duff
Author URI:     http://stuartduff.com
Template:       storefront
Description:    This is a blank child theme for WooThemes StoreFront theme
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:    storefront
Tags:           black, white, light, two-columns, left-sidebar, right-sidebar, responsive-layout, custom-background, custom-colors, custom-header, custom-menu, featured-images, full-width-template, threaded-comments, accessibility-ready
This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.
Storefront is based on Underscores http://underscores.me/, (C) 2012-2014 Automattic, Inc.
Resetting and rebuilding styles have been helped along thanks to the fine work of
Eric Meyer http://meyerweb.com/eric/tools/css/reset/index.html
along with Nicolas Gallagher and Jonathan Neal http://necolas.github.com/normalize.css/
FontAwesome License: SIL Open Font License - http://scripts.sil.org/OFL
Images License: GNU General Public License v2 or later
*/
/*
 * Add your own custom css below this text.
 */


/* Parent stylesheet should be loaded from functions.php not using @import */
@import url('https://fonts.googleapis.com/css?family=Tajawal:200,300,400,500,700,800,900&display=swap');

body{
    font-family: 'Tajawal', sans-serif!important;
    background: url(images/bg.jpg) top center no-repeat;
    background-size: cover;
}

#top-bar-social.top-bar-left{
    position: relative;
    /* left: 0; */
    /* top: 50%; */
    /* height: 20px; */
    /* line-height: 20px; */
    /* margin-top: -10px; */
    float: right;
    margin-right: 20px;
    margin-top: 0;
}
#top-bar-wrap, #site-header{
    border-bottom: none;
}
#site-logo{
    margin-top: -38px;
}
.topbar-content{
    float: right;
}
.topbar-content ul{
    margin: 0;
}
.topbar-content ul li{
    float: left;
    list-style-type: none;
    margin-left: 10px;
}
#top-bar-nav>ul>li{
    margin: 0;
    padding: 0 10px;
    position: relative;
}
#top-bar-nav>ul>li:after{
    position: absolute;
    content: "|";
    color: #fff;
    top: 0;
    left: 0;
}
#top-bar-nav>ul>li:first-child::after{
    content: normal;
}
.loginform{
    text-align: center;
    color: #282828;
}
.loginform a:hover{
    color: #3EB049;
}

.form-inner{
    width: 47%;
    display: inline-block;
    text-align: left;
    margin: 0 10px;
}
.form-inner input, .register-section fieldset input, .forminner input, .form-group .form-control, .form-group select{
    min-height: 50px!important;
    background-color: #f9f9f9!important;
    font-size: 16px;
    
}
.remember-inner, .register-bottom{
    margin: 20px 0;
}
.btnarea button, .btnarea input, .bp-legacy .btnarea input[type=submit], .bp-legacy .btnarea input{
    background: #3eb049!important;
    color: #fff!important;
    border: none!important;
    width: 145px;
    height: 50px;
    display: inline-block;
    vertical-align: middle;
    font-size: 18px!important;
    text-transform: uppercase;
    font-weight: 400;
    margin: 0 10px;
}
.bp-legacy #buddypress #pass-strength-result{
    color: #000!important;
}
.btnarea button.cancell, .btnarea input.cancell, .bp-legacy .btnarea input[type=Reset]{
    background: #282828!important;
}
.btnarea input{
    margin: 30px 10px 0 10px;
}
.remember-inner label{
    margin-right: 10px;
}
.remember-inner a{
    margin-left: 10px;
}

.register-section fieldset{
   padding: 0;
   margin: 0;
}
.register-section fieldset legend, .forminner label {
    margin-bottom: 0;
    padding: 0;
    color: #585757;
    border-bottom: none;
    text-align: left;
    display: block;
}
.forminner, .field_type_textbox, .admisson-form .form-group{
    width: 47%;
    display: inline-block;
    margin: 0 10px;
}
.bp-legacy .forminner, .bp-legacy .field_type_textbox{
    width: 100%; 
}
.bp-legacy .forminner label, .bp-legacy .register-section fieldset legend{
    margin: 0!important;
}
.bp-legacy #register-page{
    overflow: hidden;
}
.bp-legacy .submit.btnarea{
    float: none!important;
}
.admisson-form .form-group{
    margin: 0 5px;
    margin-bottom: 16px;
    vertical-align: top;
}
.admisson-form .form-group label{
    display: block;
    padding-bottom: 10px;
}
.admisson-form .form-group label sup{
    color: red;
    font-weight: bold;
    font-size: 18px;
}
.admisson-form .btnarea{
    text-align: center;
}
.admisson-form .error{
    font-size: 12px;
}
.common-header{
    position: absolute;
    width: 100%;
}

p.textsarea{
    padding: 0;
    margin: 0;
    background: #dff1ff;
    padding: 15px;
    margin-bottom: 20px;
    color: #4e4e4e;
}
p.field-visibility-settings-notoggle{
    margin: 0;
}
#register-page{
    background: #fff;
    box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.33);
    transition: background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;
    padding: 50px 50px 50px 50px;
    text-align: center;
    border-radius: 20px 20px 20px 20px!important;
    margin-top: 100px;
}
#register-page h2{
    color: #3EB049;
    font-family: "Tajawal", Sans-serif;
    font-size: 44px;
    font-weight: 700;
    text-transform: uppercase;
    background: url(https://www.testyourprojects.net/wpnew2018/das_sch/wp-content/uploads/2020/02/icon.jpg) 50% 80px no-repeat;
    padding-bottom: 70px;
}
.forminner .error{
    color: #9d1515;
    text-align: left;
    font-size: 12px;
}
.register #right-sidebar{
    display: none;
}
.register .content-area{
    float: none;
    width: 100%;
    max-width: 1037px;
    border-color: transparent;
    margin: 0 auto;
}
#template-notices p{
    font-size: 24px;
    padding: 4% 12%;
    margin: 0;
    position: relative;
    color: #353535;
}
#template-notices p:after, #template-notices p:before{
    font-family: "Font Awesome 5 Brands";
    content: "";
    position: absolute;
    top: 30px;
    left: 0;
    background: url(images/semicol.png) 0 0 no-repeat;
    width: 50px;
    height: 43px;
}
#template-notices p:before{
    left: auto; 
    right: 0;
}
#template-notices p:after{
    transform: scaleX(-1);
    -webkit-transform: scaleX(-1);
}

/* /////////////////////profile///////////////// */

#item-nav{
    width: 25%;
    float: left;
}
#item-body{
    width: 70%;
    float: left;
    padding-left: 25px;
    border-left: 1px solid #111f68;
}
#item-nav ul li a{
    color:#111f68!important;
    font-weight: 600;
}
#item-nav .item-list-tabs:not(#subnav){
    border: none;
}
#item-nav ul, #item-nav ul li{
    padding: 8px;
    margin: 0;
}
#item-nav ul li{
    list-style-type: none;
}
#item-nav ul li a{
    padding: 0!important;
    margin: 0!important;
    border: none!important;
}
#buddypress #item-header-cover-image{
    border-bottom: 1px solid #111f68;;
    margin-bottom: 0;
    padding-bottom: 10px;
}
#buddypress div#item-header #item-header-cover-image #item-header-content{
    margin-left: 209px;
}
#item-body .item-list-tabs ul li{
    display: inline-block;
    background:#3eb049 ;
    border-radius: 50px;
    margin-right: 5px;
    margin-bottom: 10px;
    line-height: 40px;
    height: 40px;
}
#item-body .item-list-tabs ul li select{
    border: none;
    color: #fff;
    border-left:1px solid #fff;
    background: transparent;
    margin-right: 8px;
}
#item-body .item-list-tabs ul li select option{
    color: #000;
}
#item-body .item-list-tabs ul{
    padding: 0;
    margin: 0;
    margin-top: 20px;
}
#item-body .item-list-tabs ul li a{
    color: #fff!important;
    padding: 10px 20px;
}
#item-body .item-list-tabs ul li.current a, .bp-legacy #item-body .item-list-tabs ul li a{
    background-color:#3eb049!important ;
    border-radius: 50px;
    padding: 0 20px;
}
.bp-legacy #item-body .item-list-tabs ul li a{
    padding: 0 12px;
}
#item-body .item-list-tabs ul li select{
    padding: 0 5px;
}
.bp-legacy #item-body .item-list-tabs ul li{
    margin-right: 5px;
}
#item-body .submit input, #whats-new-submit input, #buddypress div.activity-meta a, input#bp-browse-button, #bp-delete-avatar-container a, #bp-delete-cover-image-container a, .activate .submit input, #bp-data-export button {
    font-family: "Tajawal", Sans-serif;
    font-size: 18px!important;
    font-weight: normal;
    text-transform: uppercase;
    background-color: #232455!important;
    color: #fff!important;
    border-radius: 5px;
    line-height: 50px;
    padding: 0 15px!important;
    height: 50px;
}
.activate .submit input {
    margin-top: 10px;
}
#item-nav ul li a:before{
    content: normal!important;
}

.profile .forminner, .profile .field_type_textbox, .profile .profile-fields .field_type_textbox{
    width: 100%;
    display: table-row;
    margin: 0;
}
.profile .field_type_textbox.visibility-public{
    display: block;
}
.profile .profile-fields .field_type_textbox{
    display: table-row;
}
.profile .widget-area.sidebar-primary, .my-activity .widget-area.sidebar-primary, .notifications .widget-area.sidebar-primary, .settings .widget-area.sidebar-primary, .activate .widget-area.sidebar-primary, .friends .widget-area.sidebar-primary, .members .widget-area.sidebar-primary, .bp-messages .widget-area.sidebar-primary, .activity .widget-area.sidebar-primary, .search .widget-area.sidebar-primary, .messages .widget-area.sidebar-primary{
    display: none;
}
.profile .content-area, .my-activity .content-area, .notifications .content-area, .settings .content-area, .activate .content-area, .friends .content-area, .members .content-area, .bp-messages .content-area, .activity .content-area, .search .content-area, .error404 .content-area, .messages .content-area{
    float: none;
    width: 100%;
    max-width: 1037px!important;
    margin: 0 auto;
    padding-right: 0;
    border-color: transparent;
    background: #fff;
    padding: 0 50px 50px 50px;
    border-radius: 20px;
    margin-top: 115px;
    box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.33);
}
.bp-legacy .content-area, .error404 .content-area{
    padding: 50px;
}
.error404 .content-area{
    padding: 50px!important;
}
.bp-legacy #buddypress #item-header-cover-image{
    border: none;
}
.bp-legacy #item-header{
     border-bottom: 1px solid #111f68;
}
.bp-legacy #item-nav .item-list-tabs ul li{
    float: none;
}
#item-nav ul li:first-child{
    display: none;
}
.bp-legacy #buddypress div.activity-meta a{
    color: #fff;
}
.bp-legacy #buddypress div.activity-meta a:hover{
    color: #111f68;
}
#item-header #template-notices p:after, #item-header #template-notices p:before{
    background: transparent;
}
.bp-better-messages-list, .bp-better-messages-list .tabs, .bp-better-messages-list .tabs > div.active{
    background: #111f68;
    color: #fff;
}

li#activity-filter-select label, #notifications-sort-order label, #members-order-select label{
    color: #fff;
    padding-left: 20px;
}
#buddypress div.item-list-tabs ul li.current a, #buddypress div.item-list-tabs ul li.selected a{
    background-color: transparent!important;
}
#buddypress div.item-list-tabs ul li a span.no-count{
    background: #3eb049;
    border-radius: 100px;
    color: #fff;
}
#buddypress div#message p, #sitewide-notice p{
    background-color: #111f68!important;
    border: 1px solid #3447a4!important;
    color: #fff!important;
    padding: 15px;
}
.bp-messages-user-list{
    color:#111f68 ;
}

.profile-fields tr td p{
    margin: 0;
}

.admisson-form .elementor-tabs-wrapper{
    border-right: 1px solid #cbcbcb;
    overflow: visible!important;
}
.admisson-form  .elementor-tab-title{
    border-bottom:1px solid #cbcbcb!important;
    padding: 20px 10px 20px 0!important;
}
.admisson-form  .elementor-tab-title.elementor-active:before{
    position: absolute!important;
    content: ""!important;
    top: 20px!important;
    right: -10px!important;
    background: url(images/arrow.png) top center no-repeat!important;
    width: 10px!important;
    height: 24px!important;
    -webkit-transform: none!important;
    -ms-transform: none!important;
    transform: none!important;
}
.admisson-form  .elementor-tab-content{
    padding: 0 0 0 30px!important;
}

.admisson-form .form-group select{
    background: url(images/arrow-1.jpg) 95% 50% no-repeat!important;
    appearance: none;
    -webkit-appearance: none;
}
.admisson-form .form-group .col-sm-3{
    width: 33%;
    float: left;
}

.upload-btn-wrapper {
    position: relative;
    overflow: hidden;
    display: inline-block;
  }
  
  .upload-btn-wrapper .btn {
    border: 2px solid#232455;
    color:#fff;
    background-color:#232455;
    padding: 0px 10px;
    border-radius: 0;
    font-size: 16px;
    font-weight: bold;
  }
  
  .upload-btn-wrapper input[type=file] {
    font-size: 100px;
    position: absolute;
    left: 0;
    top: 0;
    opacity: 0;
  }

  .admisson-form #user_document_needed .form-group, .admisson-form #non_aramco_user_document_needed .form-group{
      width:100%;
      margin-bottom: 0;
      border-bottom: 1px solid #cbcbcb;
      padding-bottom: 10px;
      margin-bottom: 10px;
      position: relative;
  }
  .admisson-form #user_document_needed .form-group label, .admisson-form #non_aramco_user_document_needed .form-group label{
    font-size: 14px;
  }
  .admisson-form #user_document_needed .form-group p, .admisson-form #non_aramco_user_document_needed .form-group p{
      margin-bottom: 0;
  }
  .admisson-form #user_document_needed .form-group .col-sm-10, .admisson-form #non_aramco_user_document_needed .form-group .col-sm-10{
      float: left;
  }
  .admisson-form #user_document_needed .form-group .smimg, .admisson-form #non_aramco_user_document_needed .form-group .smimg{
      float: right;
      position: absolute;
      top: 0;
      right: 0;
  }


.select-input select, .select-input input[type="number"] {
    width: 48%;
    display: inline-block;
    max-width: 48%;
}

.upload-btn-wrapper .submit_btn{
    border: 2px solid#232455;
    color: #fff;
    background-color: #232455;
    padding: 0px 10px;
    border-radius: 0;
    font-size: 16px;
    font-weight: 600;
    text-transform: capitalize;
    letter-spacing: 0;   
}

i.fas.fa-file-pdf {
    color: #232455;
}


@media screen and (min-width: 1400px) and (max-width: 1600px){
    .elementor-34 .elementor-element.elementor-element-e1fcccd{
         margin-top: -384px!important;
    }

    .elementor-295 .elementor-element.elementor-element-4625e53 .elementor-tab-title{
        font-size: 16px;
    }
}
@media only screen and (max-width:1600px){
    /* .elementor-32 .elementor-element.elementor-element-112c417{
        margin-top: -75px!important;
    } */
    #register-page{
        margin-top: 70px;
    }

    #item-body .submit input, #whats-new-submit input, #buddypress div.activity-meta a, input#bp-browse-button, #bp-delete-avatar-container a, #bp-delete-cover-image-container a, .activate .submit input, #bp-data-export button{
        font-size: 14px!important;
    }
    
}
@media screen and (min-width: 1025px) and (max-width: 1399px){
    .elementor-34 .elementor-element.elementor-element-e1fcccd{
         margin-top: -284px!important;
         padding-left: 40px;
    }
    .elementor-34 .elementor-element.elementor-element-f066c75 .elementor-heading-title{
        font-size: 60px!important;
    }
    .elementor-34 .elementor-element.elementor-element-ac53e2e .elementor-heading-title{
        font-size: 40px!important;
    }
    .form-inner{
        width: 46%;
    }
}
@media only screen and (max-width:1024px){
    #site-header.transparent-header{
        background-color: #232455!important;
        padding-bottom: 10px;
    }
    #top-bar-wrap{
        background-color: #232455!important;
    }
}

@media only screen and (max-width:1023px){
    .forminner, .field_type_textbox{
        width: 45%;
    }
    /* .elementor-32 .elementor-element.elementor-element-112c417{
        margin-top: 40px!important;
    } */

    #buddypress div#item-header #item-header-cover-image #item-header-content{
        margin-left: 0;
    }
    #item-nav, #item-body {
        width: 100%;
        float: none;
        padding: 15px;
        border-left: none;
    }
    .profile .content-area, .my-activity .content-area, .notifications .content-area, .settings .content-area, .activate .content-area, .friends .content-area, .members .content-area, .bp-messages .content-area, .activity .content-area, .search .content-area, .error404 .content-area, .messages .content-area{
        margin-top: 70px;
    }
    body.activate .content-area{
        padding: 20px!important;
    }
    #item-nav{
        background: #eee;
    }

    .admisson-form #user_document_needed .form-group .col-sm-10 {
        float: none;
    }
    .admisson-form #user_document_needed .form-group .smimg {
        float: none;
        position: relative;
        top: 0;
        right: 0;
    }
    .forminner, .field_type_textbox, .admisson-form .form-group{
        width: 100%;
    }
    .admisson-form .form-group label, .form-inner input, .register-section fieldset input, .forminner input, .form-group .form-control, .form-group select{
        font-size: 14px;
    }
    .bp-legacy #item-body .item-list-tabs ul li{
        margin-bottom: 10px;
    }
}

@media only screen and (max-width:767px){
    .form-inner, .forminner, .field_type_textbox{
        width: 100%;
    }
    .remember-inner label{
        display: block;
    }
    
    .forminner, .field_type_textbox{
        margin: 0;
    }
    #register-page{
        padding: 20px;
    }

    .admisson-form .elementor-tab-content {
        padding: 15px 0 0 0px!important;
    }
    .admisson-form .elementor-tab-title.elementor-active:before{
        background: transparent!important;
    }
}

@media only screen and (max-width:600px){
    #top-bar-social.top-bar-left{
        margin-right: 0;
    }
}

/*04-08-2020 add red asterisk in register page*/

.register-section .forminner label sup{
    color: red;
    font-weight: bold;
    font-size: 18px;
}




/*12-08-2020 */
header.site-header{
   background: url(images/banner-1.jpg) top center no-repeat;
    background-size: cover;
}
footer.site-footer{
  padding: 25px 0;
}
footer .site-info{
    font-size: 20px;
    padding: 0;
}
footer .site-info a{
   float:right;
   text-decoration: none;
}
.site-content{
  min-height: 500px;
}
input[type='text'], input[type='number'], input[type='email'], input[type='tel'], input[type='url'], input[type='password'], input[type='search'], textarea, .input-text {
    min-height: 50px!important;
    background-color: #f9f9f9!important;
    font-size: 16px;
    box-shadow:none;
    border: 1px solid #ddd;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    border-radius: 3px;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}
.storefront-full-width-content .content-area h1, #customer_login h2{
  color: #3EB049;
    font-family: "Tajawal", Sans-serif;
    font-size: 44px;
    font-weight: 700;
    text-transform: uppercase;
}
button, input[type="button"], input[type="reset"], input[type="submit"], .button, .widget a.button {
    background: #3eb049!important;
    color: #fff!important;
    border: none!important;
    width: 145px;
    height: 50px;
    display: inline-block;
    vertical-align: middle;
    font-size: 18px!important;
    text-transform: uppercase;
    font-weight: 400;
    margin: 0 10px;
}
#customer_login h2, .site-content h2 {
    color: #888;
    font-family: "Tajawal", Sans-serif;
    font-size: 25px;
    font-weight: 700;
}
a:focus, button:focus, .button.alt:focus, input:focus, textarea:focus, input[type="button"]:focus, input[type="reset"]:focus, input[type="submit"]:focus, input[type="email"]:focus, input[type="tel"]:focus, input[type="url"]:focus, input[type="password"]:focus, input[type="search"]:focus {
    outline-color: transparent;
}
.site-search,#site-header-cart,.storefront-sorting{
  display: none;
}
.woocommerce-page ul.products li.product {
    min-height: 400px;
    position: relative;
    text-align: center;
    overflow: hidden;
    border-width: 1px;
    border-style: solid;
    border-color: rgb(234, 234, 234);
    border-image: initial;
    padding: 20px;
}
.woocommerce-page ul.products li.product:hover {
    box-shadow: rgb(238, 238, 238) 0px 0px 15px;
}
.woocommerce ul.products li.product .woocommerce-loop-category__title, .woocommerce ul.products li.product .woocommerce-loop-product__title, .woocommerce ul.products li.product h3 {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    font-size: 17px;
}
.woocommerce-page ul.products li.product a {
    font-size: 14px!important;
    padding: 10px 28px 10px!important;
    color: #ffffff!important;
    text-transform: uppercase!important;
    font-weight: 700!important;
    background: #3EB049!important;
    letter-spacing: 1px!important;
    border-radius: 5px!important!important;
    text-decoration: none!important;
    outline: none!important;
    margin-top:15px;
    display:inline-block;
}
.anr_captcha_field{margin-bottom:20px;}
.site-content h2.book_title{
    color: #3EB049;
    font-family: "Tajawal", Sans-serif;
    font-size: 34px;
    font-weight: 700;
    text-transform: uppercase;
}

.fail-msg{
  display: inline-block;
    padding: 10px;
    border: 1px solid #FF0000;
    color: #FF0000;
}

.error404 .content-area{
  margin: 0;
    margin-bottom: 50px;
    min-height: 500px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.storefront-full-width-content.error404 .content-area h1{
    font-size: 28px;
}

@media (min-width: 768px){
.site-header .site-branding img {
    height: auto;
    max-width: 150px;
}
.woocommerce ul.products{
  display: flex;
}
}
@media (max-width: 767px){
  .site-branding {
    width: 136px;
   }
   .main-navigation div.menu{
    position: absolute;
    width: 100%;
    left: 0;
    top: 157px;
    background: #000;
   }
   .main-navigation div.menu li{
     padding: 3px 15px;
   }
   .storefront-full-width-content .content-area h1, #customer_login h2{
     font-size: 30px;
   }
   .error404 .fourohfour-columns-2 .col-1 ul.products li.product {
    width: 100%;
    float: none;
    margin-right: 0;
    border-top: 1px solid #ddd;
    padding-bottom: 25px;
  }
}