/**
Theme Name: Robintek Child Theme
Author: Robintek
Author URI: https://robintek.com/
Description: Robintek Child 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: robintek-child-theme
Template: astra
*/


/*==== BUTTONS =======================================================================================*/

.ast-header-button-1 .ast-custom-button-link .ast-custom-button {
    -webkit-border-radius: 50px;
    -webkit-border-top-left-radius: 0;
    -webkit-border-bottom-right-radius: 0;
    -moz-border-radius: 50x;
    -moz-border-radius-topleft: 0;
    -moz-border-radius-bottomright: 0;
    border-radius: 50px;
    border-top-left-radius: 0;
    border-bottom-right-radius: 0;
}


/*==== HEADER =======================================================================================*/

.site-header {
    box-shadow: 0 0 40px rgba(0,0,0,0.3);
}

/*==== FOOTER =======================================================================================*/



/*==== HOME PAGE ====================================================================================*/



/*==== CUSTOM =======================================================================================*/

a:where(:not(.wp-element-button)) {
    text-decoration: none;
}
.col-angle-left {
	clip-path: polygon(0 0, 100% 0%, 100% 100%, 20% 100%);
    margin-bottom: -1px;
}
.col-angle-right {
	clip-path: polygon(0 0, 100% 0%, 80% 100%, 0% 100%);
    margin-bottom: -1px;
}
.col-overlap-top {
    margin-top: -30px;
}
.col-overlap-bottom {
    margin-bottom: -60px;
}
.box-featured-posts .uabb-post-thumbnail {
    height: 250px;
}
#contact-form input,
#contact-form .gfield_label {
    margin-top: 0!important;
    margin-bottom: 0!important;
}
#contact-form .gform_heading {
    display: none!important;
}
#contact-form .uabb-gf-form-title {
    padding-bottom: 20px;
}
.box-circles .uabb-ih-divider-block {
    display: none;
}
.box-circles .uabb-ih-info {
    opacity: 1!important;
    -webkit-transform: scale(1)!important;
    -moz-transform: scale(1)!important;
    -ms-transform: scale(1)!important;
    -o-transform: scale(1)!important;
    transform: scale(1)!important;
}
.box-circles .uabb-ih-hover .uabb-ih-image-block {
    opacity: 1!important;
    -webkit-transform: scale(1)!important;
    -moz-transform: scale(1)!important;
    -ms-transform: scale(1)!important;
    -o-transform: scale(1)!important;
    transform: scale(1)!important;
}
.box-circles .uabb-ih-item {
    background-color: var(--ast-global-color-0)!important;
}
.box-circles .uabb-ih-info-back {
    border: 5px solid #fff;
}
.box-circles .uabb-ih-item .uabb-ih-heading-block {
    margin: 0;
}

/*==== CALCULATOR ===================================================================================*/

.box-calculator input {
    text-align: center;
    font-size: large !important;
    /* height: 35px; */
    /* padding-bottom: 35px; */
}

.box-calculator .staticHeader {
    font-weight: normal;
}

.box-calculator .totalsHeader {
    font-size: x-large;
    color: rgb(211, 105, 23);
}

.box-calculator input {
    padding-top: 5px !important;
    padding-bottom: 5px !important;
    margin-bottom: 20px;
    border: 1px solid #ccc;
}

.box-calculator #adc {
    background-color: lightgrey;
    border: 2px solid #000;
}

.box-calculator .disclaimer{
    margin-top: 15px !important;

}

.box-calculator .disclaimer p {
    font-size: xx-small;
    color: rgb(176, 176, 176);
}

.box-calculator .totalsInput {
    font-weight: bold;
}
.box-calculator {
    text-align: center;
}
.box-calculator .card {
    position: relative;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    min-width: 0;
    word-wrap: break-word;
}
.box-calculator .row {
    display: flex;
    flex-wrap: wrap;
}
.box-calculator .col-lg-4 {
    flex: 0 0 33.3%;
}
.box-calculator .justify-content-center {
    -ms-flex-pack: center!important;
    justify-content: center!important;
}
.box-calculator h1,
.box-calculator h2,
.box-calculator h3,
.box-calculator h4,
.box-calculator h5 {
    margin-bottom: 5px;
}


/*==== MAIN BANNER ================================================================================*/

#main-banner .n2-ss-layers-container {
    max-width: 100%!important;
}
#main-banner .slider-content {
    width: 60%;
    max-width: 60%!important;
    clip-path: polygon(0 0, 100% 0%, 100% 100%, 20% 100%);
    margin-bottom: -1px;
}
#main-banner .slider-content .n2-ss-layer-content {
    padding-top: 10%;
    padding-right: 15%;
    padding-bottom: 10%;
    padding-left: 20%;
}
#main-banner .banner-btn a:link {
    border-top-left-radius: 0px!important;
    border-top-right-radius: 50px!important;
    border-bottom-left-radius: 50px!important;
    border-bottom-right-radius: 0px!important;
    transition: all .2s linear;
}

/*==== MEDIA QUERIES ================================================================================*/

@media (max-width:1150px){
    .col-stat-title {
        width: 100%;
    }
    .col-stat-title .uabb-infobox-title-wrap {
        text-align: center;
    }
    .col-stat {
        width: 50%;
    }
    .col-stat.col-overlap-top {
        margin-top: 0;
    }
    .col-sub-banner-content .fl-col-content {
        padding: 10%;
    }
}
@media (max-width:1050px){
    .ast-header-button-1 .ast-custom-button-link .ast-custom-button {
        padding: 10px 20px;
        font-size: 14px!important;
    }
    .site-logo-img img {
        max-width: 180px;
    }
    .site-logo-img {
        padding-right: 0!important;
    }
    .ast-builder-menu-1 .menu-item > .menu-link {
        font-size: 15px!important;
        padding: 0 8px!important;
    }
    .col-sub-banner-content .fl-col-content {
        padding: 6%;
    }
    .col-sub-banner-content {
        max-width: 100%!important;
    }
}

@media (max-width:921px){
    .col-main-banner-content {
        width: 70%;
    }
    .col-main-banner-pic {
        width: 30%;
    }
    .box-calculator .col-lg-4 {
        flex: 0 0 100%;
        padding-bottom: 20px;
    }
    #main-banner .banner-hdr h2,
    #main-banner .banner-hdr h1 {
        font-size: 42px!important;
    }
    #main-banner .subhdr h2 {
        font-size: 32px!important;
    }
    #main-banner .banner-info h3 {
        font-size: 22px!important;
    }
    #main-banner .slider-content .n2-ss-layer-content {
        padding-top: 10%;
        padding-right: 10%;
        padding-bottom: 10%;
        padding-left: 20%;
    }
}

@media (max-width:768px){
    .col-main-banner-content {
        float: right;
        width: 70%!important;
        max-width: 800px!important;
    }
    .col-main-banner-content .fl-col-content {
        padding: 3% 3% 3% 20%!important;
    }
    .col-overlap-top {
        margin-top: 0;
    }
    .col-overlap-bottom {
        margin-bottom: 0;
    }
    .col-stat2 {
        padding: 20px 0;
    }
    .box-info-circle .uabb-info-circle:before {
        background: transparent!important; 
    }
    .box-info-circle .uabb-info-circle-title,
    .box-info-circle .uabb-info-circle-desc {
        position: relative; 
    }
    .box-info-circle .change-img .uabb-imgicon-wrap:last-child {
        display: none;
    }
    .box-info-circle .active .change-img .uabb-imgicon-wrap:first-child {
        display: block;
    }
    #main-banner .banner-hdr h2,
    #main-banner .banner-hdr h1 {
        font-size: 36px!important;
    }
    #main-banner .subhdr h2 {
        font-size: 28px!important;
    }
    #main-banner .banner-info h3 {
        font-size: 20px!important;
    }
}

@media (max-width: 544px){
	.col-main-banner-content {
        float: none;
        width: 100%!important;
    }
    .col-angle-left,
    .col-angle-right {
        clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%);
    }
    .col-main-banner-content .fl-col-content {
        padding: 3%!important;
        min-height: 500px!important;
    }
    #main-banner .slider-content {
        width: 100%;
        max-width: 100%!important;
        clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%);
    }
    #main-banner .slider-content .n2-ss-layer-content {
        padding-top: 20px;
        padding-right: 20px;
        padding-bottom: 20px;
        padding-left: 20px;
    }
}