/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~



	SUPER WP HEROES

	FILE PURPOSE: THIS FILE HOLDS WIDGETS AND PAGE ELEMENTS
	


   ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

/*===================== BOOKLY =========================================*/
.bookly-js-user-phone-input {
    border-color: black !important;
    padding: 13px 5px 14px 50px !important;
}


/*===================== TABS =========================================*/
/* used in the Hosting Page*/


.tab-content {
    width: 100%;
}

.tab-content>.tab-pane {
    padding-top: 20px;
}


.nav-pills {
    margin: 0;
    padding: 0;
}

.nav-pills>li>a {
    color: #000;
    font-weight: bold;
    display: block;
    border-bottom: 8px solid transparent;

}

    .nav-pills li a.show {
        border-bottom: 8px solid #75c283 !important;;
    }

.nav-pills>li.active>a, .nav-pills>li.active>a:hover, .nav-pills>li.active>a:focus {
    color: #000;
    font-weight: bold;
}

.bigg-ass-tabs li {
   
}


.bigg-ass-tabs li a span{
    font-family:  'oswald-heavy';
    font-size: 25px;
    line-height: 30px;
    padding: 10px 0;
}
    .bigg-ass-tabs>li.active>a, .bigg-ass-tabs>li.active>a:hover, .bigg-ass-tabs>li.active>a:focus {
        color: #fff;
        font-weight: bold;
        text-shadow: 2px 2px 0px #00000073;
        color: #000 !important;
        background-color: transparent !important;
    }


/*===================== FANCY HEADLINE =========================================*/
/* to be moved in Typography.css*/


.fancyheadline{
    margin: 70px auto;
    position: relative;
}

.fancyheadline h1, .fancyheadline h2, .fancyheadline h3, .fancyheadline h4, .fancyheadline h5, .fancyheadline h6
{
    margin: 20px 0 6px 0; /* OSWALD FONT HACK ... BROKEN LINEHEIGHT */
    text-align: center;
    font-size: 60px;
    line-height: 80px;
    text-transform: uppercase;
}

.fancyheadline fieldset{
    text-align: center;
    width: 100%;
    border: 0px;
    margin: 0px;
    padding: 0px;
    border-top: 1px solid transparent;
}
.fancyheadline fieldset legend{
    display: block;
    width: auto;
    padding: 0;
    margin-bottom: 0px;
    font-size: 23px;
    border: 0;
    border-bottom: none;
}
.fancyheadline fieldset span{
    padding: 0px 10px;
}
.fancyheadline fieldset .fa-star{  font-size: 30px;}



/*===================== BRAINTREE =========================================*/
/* used in the woocomemrce.css*/

.woocommerce-page #payment #wc-braintree-credit-card-credit-card-form label,
.woocommerce-page #payment #wc-braintree-paypal-paypal-form label {
    font-size: 15px !important;
    display: inline-block;
    min-width: 235px;
    line-height: 18px;
    margin-bottom: 0;
}

/*.woocommerce #payment #place_order, .woocommerce-page #payment #wc-braintree-credit-card-credit-card-form input[type=radio],
.woocommerce #payment #place_order, .woocommerce-page #payment #wc-braintree-credit-card-credit-card-form input[type=checkbox],
.woocommerce #payment #place_order, .woocommerce-page #payment #wc-braintree-paypal-paypal-form input[type=radio],
.woocommerce #payment #place_order, .woocommerce-page #payment #wc-braintree-paypal-paypal-form input[type=checkbox] {
    display: inline-block !important; 
}*/

.woocommerce-page #payment #wc-braintree-credit-card-credit-card-form #wc-braintree-credit-card-account-number-hosted {
    width: 100%;
}

.woocommerce-page #payment .payment_method_accountfunds > label:before,
.woocommerce-page #payment .payment_method_braintree_credit_card > label:before,
.woocommerce-page #payment .payment_method_braintree_paypal > label:before {
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    transform: translate(0, 0);
    content: "\f09d";
    line-height: 60px;
    margin-right: 10px;
}

.woocommerce-page #payment .payment_method_braintree_paypal > label:before {
    content: "\f1f4";
}

.woocommerce-page #payment .payment_method_accountfunds > label:before {
    content: "\f19c";
}

#add_payment_method ul.payment_methods li label[for=payment_method_braintree_credit_card], #add_payment_method ul.payment_methods li label[for=payment_method_braintree_paypal] {
    line-height: 4.3em !important;
}


/*===================== SOCIAL MEDIA SAHRE =========================================*/
/* plugin, not sure if used*/

.custom-social {
    display: inline;
    overflow: hidden;
    width: 45px;
    height: 45px;
    text-align: center;
    color: white;
    float: left;
}
.custom-social-wrap {
    display: inline;
}
.available-social {
    display: inline;
    display: none;
}
.custom-social-share-alt {
    background-color: #75c283;
}
.custom-social-fb {
    background-color: #3b5998;
}
.custom-social-tw {
    background-color: #00a0d1;
}
.custom-social-gp {
    background-color: #c4302b;
}
.custom-social-pin {
    background-color: #c92228;
}
.custom-social-li {
    background-color: #4875B4;
}

.custom-social-share-alt .fa-share-alt {
    position: relative;
    font-size: 28px;
    line-height: 28px;
    top: 9px;
    right: 0px;
}
.custom-social-fb .fa-facebook {
    position: relative;
    font-size: 28px;
    line-height: 28px;
    top: 9px;
    left: 1px;
}
.custom-social-tw .fa-twitter {
    position: relative;
    font-size: 28px;
    line-height: 28px;
    top: 9px;
    left: 1px;
}
.custom-social-gp .fa-google-plus {
    position: relative;
    font-size: 28px;
    line-height: 28px;
    top: 9px;
    left: 1px;
}
.custom-social-pin .fa-pinterest {
    position: relative;
    font-size: 28px;
    line-height: 28px;
    top: 9px;
    left: 1px;
}
.custom-social-li .fa-linkedin {
    position: relative;
    font-size: 28px;
    line-height: 28px;
    top: 9px;
    left: 1px;
}

/*===================== TEAM MEMBER IMAGE =========================================*/
/* to be moved under main.css*/

#team_members {
    text-align: center;
}

#team_members li{
    display: none;
    position: relative;
    list-style: none;
    margin: 0 15px 36px 15px;
    cursor: pointer;
}

.member_pic {

    -moz-border-radius: 1000px;
    -webkit-border-radius: 1000px;
    -ms-border-radius: 1000px;
    border-radius: 1000px;
    margin: 0px auto;
    display: block;
    position: relative;
    overflow: hidden;
}

.member_pic img{
    /*float: left;*/
    width: 150px;
    height: 150px;
    position: relative;
    overflow: hidden;
    border: 5px solid rgba(167, 167, 167, 0.25);
    -moz-border-radius: 1000px;
    -webkit-border-radius: 1000px;
    -ms-border-radius: 1000px;
    border-radius: 1000px;
    margin: 20px auto;
    display: block;
    background: #fff;

}


/*===================== SERVICE PRICING GARDS =========================================*/
/* global pricing tabes (used) */



#service-cards {
    display: flex;
    margin-bottom: 40px;
    padding:0;
    margin: 0;
}

#service-cards li {
    width: 25%;
    float: left;
    display: inline-block;
    position: relative;
    font-size: 13px;
}

#service-cards li .service-card-features, .service-card-features {
    min-height: 250px;
}


#service-cards li .service-card-features ul, .service-card-features ul {
    margin: 0;
    padding: 0;
}

#service-cards li .service-card-features ul li, .service-card-features ul li {
    width: 100% !important;
    box-shadow: none;
    padding: 5px 20px 0px 10px;
    font-family: 'open_sanslight', sans;

}

#service-cards .service-card-features ul li.regular-last {
    padding-bottom: 5px;
    border-bottom: 1px solid rgba(0,0,0,0.2);
}

#service-cards li .service-card-features ul li i, .service-card-features ul li i {
    margin-right: 5px;
}


/*===================== WP HOURLY =========================================*/

.wph-tab-content {
    width: 100%;
}

.wph-tab-content .tablenav {
    display: none;
}

/*===================== YITH AFILIATES =========================================*/
/* plugin styling (used on the affiliate pages) */

.yith-wcaf-dashboard table.yith-wcaf-table tr th {
    padding: 9px 12px;
}

.yith-wcaf-dashboard .yith-wcaf-dashboard-summary .affiliate-stats .stat-box .stat-item {
    border-bottom: 1px solid #ccc;
    padding: 9px 12px;
}

.yith-wcaf-dashboard .yith-wcaf-dashboard-summary .affiliate-stats .stat-box .stat-item .stat-label,
.yith-wcaf-dashboard ul.yith-wcaf-dashboard-navigation li.is-active a {
    color: #75c283 !important; /* blue_txt class*/
    font-family: 'open_sansextrabold';
}

.yith-wcaf-dashboard ul.yith-wcaf-dashboard-navigation li.is-active {
    border-bottom: 2px solid #75c283 !important;
}

.yith-wcaf-dashboard .yith-wcaf-dashboard-summary .affiliate-stats .stat-box {
    border: 0px solid #ccc;
    border-radius: 0px;
}

.link-generator-box  .form-row .bold-text {
    display: block; 
    width: 100%;
}

.yith-wcaf-link-generator .link-generator-box .affiliate-info p .copy-field-wrapper .copy-trigger, .yith-wcaf-link-generator .link-generator-box .link-generator p .copy-field-wrapper .copy-trigger {
    right: 0;
    top: 96%;
}

.yith-wcaf-link-generator .link-generator-box .affiliate-info p .copy-field-wrapper, .yith-wcaf-link-generator .link-generator-box .link-generator p .copy-field-wrapper {
    width: 100%;
}

.yith-wcaf-link-generator .link-generator-box .affiliate-info p .copy-field-wrapper input.copy-target, .yith-wcaf-link-generator .link-generator-box .link-generator p .copy-field-wrapper input.copy-target {
    padding-right: 20px;
    width: 100%;
    color: #ff2200 !important; /* red_txt class*/
}

.yith-wcaf-link-generator .link-generator-box {
    border-radius: 0;
}

/*===================== SIGNATURE PAD =========================================*/
/* used on woocommerce checkout page */

    #swph-woo-sign-signature-pad-wrapper #swph-woo-sign-signature-pad {
        border: 4px dashed #00000021;
        width: 100%;
    }


/*
//    ************************************************************************************************************************************
//    ************************************************************************************************************************************
//    ************************************************************************************************************************************
//    ************************************************************************************************************************************
//    *******
//    *******
//    *******
//    *******
//    *******        SUPER WP HEROES
//    *******        SECTION NAME: MEDIA QUERIES
//    *******        DESCRIPTION: uses default BS 4.0.0 breakpoints
//    *******
//    *******
//    *******
//    *******
//    ************************************************************************************************************************************
//    ************************************************************************************************************************************
//    ************************************************************************************************************************************
//    ************************************************************************************************************************************
*/





/* Large devices and down (desktops, less than 1200px) */
@media (max-width: 1199.98px) {
    /* Adjustments for screens below 1200px */
}

/* Medium devices and down (tablets, less than 992px) */
@media (max-width: 991.98px) {
    /* Adjustments for tablets and below */
}

/* Small devices and down (landscape phones, less than 768px) */
@media (max-width: 767.98px) {
    /* Adjustments for landscape phones and below */
}

/* Extra small devices and down (portrait phones, less than 576px) */
@media (max-width: 575.98px) {
    

    /*===================== AFFILIATE PLUGIN =========================================*/
    /* used on affiliate login forms and pages */
    .yith-wcaf-registration-form .already-an-affiliate-wrapper, .yith-wcaf-registration-form .become-an-affiliate-form, .yith-wcaf-registration-form .pending-request-wrapper, .yith-wcaf-registration-form .rejected-request-wrapper {
        padding: 20px;
    }

}