/*

Theme Name: Americ Child

Theme URI: http://demo.bravisthemes.com/americ

Author: Bravis-Themes

Author URI: https://themeforest.net/user/bravis-themes

Description: Americ is a beautifully handcrafted, pixel perfect business consulting WordPress Theme based on Elementor Page Builder & designed with great attention to details, flexibility and performance. Americ has stunning styles and elements to help you make a professional website in no time.

Version: 1.0.0

License: ThemeForest

License URI: https://themeforest.net/licenses

Template: americ

Text Domain: americ-child

Tags: accountant, advertising, agency, business, company, consulting, corporate, creative, finance, financial, insurance, marketing, elementor, seo, startup

*/





/* Plek */

.pxl-portfolio-carousel1 .pxl-swiper-slide.swiper-slide-active .item--title .pxl-item--title{

   color: #62db5e;

}

.pxl-portfolio-carousel1 .item--title span{

    color: #E2E2E2;

}



.formulier-blok{

    display:flex;

    justify-content:space-between;

    align-items:center;

    gap:40px;

    border-radius: 8px;

    border: 1px solid #CCC;

    background: var(--Primary, #2D5A86);

    padding: 32px 40px;

  }



  .formulier-tekst{

    flex: 0 1 auto;                      

  }

  

  .formulier-qr{

    display:flex;

    flex-direction:column;         

    align-items:center;            

    gap:12px;                      

  }

  

  .formulier-qr img{

    width:120px;                   

    height: 122px;

    background-color: white;

  }

  

  .cta{

    display:inline-block;

    padding:10px 16px;           

    color:#fff;

    text-decoration:none;

    font-weight:600;

  }



/* Testimonials Home*/

.pxl-testimonial-carousel1.pxl-testtiminial-single1 .pxl-item-inner:hover{

    background-color: #f1f1f1;

}

.pxl-swiper-dots.style-4.pxl-swiper-pagination-bullets span.swiper-pagination-bullet-active{

    background-color: #62db5e;

}



/*Portfolio Home*/

.pxl-portfolio-carousel1 .pxl-swiper-slide.swiper-slide-active .item--title {

    color:#3b9ded;

}



/*Button in menu Home*/

.pxl-nav-menu .pxl-menu-primary > li > a span::before{

    display: none;

}



.elementor-2668 .elementor-element.elementor-element-4f90bd5 .pxl-button .btn:hover{

    border: #62db5e;

}



.pxl-team-style1 .pxl-item--inner .pxl-item--image img {

    height: 23em;

    object-fit: cover;

}



/* Ons team */

.ons-team .pxl-team .pxl-item-content {

    background-color: #202832;

    padding: 1em 2em;

    text-align: center;

}

.ons-team .pxl-team .pxl-item--image img {

    object-fit: contain !important;

    height: fit-content !important;

}

.ons-team .pxl-team .pxl-item-content .pxl-item--title {

    margin-top: 0px !important;

}

.ons-team .pxl-team .pxl-item-content .pxl-item--position {

    color: #ffffff !important;

}





/*Wat doen wij*/

.elementor-23 .elementor-element.elementor-element-19654d7 > .elementor-background-overlay{

    background-image: none;

}



/*Services Home*/

.pxl-service-carousel3 .pxl-item--inner .pxl-item--holder .pxl-inner-content .pxl-item--title a{

    font-weight: 400;

    font-size: 18px;

    text-transform: uppercase;

    font-family: archivo;

}



.flaticon-right:before{

    color: #62db5e;

}



.pxl-related-service .pxl-grid-item-inner{

    border: 0.2px solid #1a2528;

}



/*Banner Home*/

.pxl-layout-home02:before{

    background-color: #202832;

}



/*Portfolio*/

.pxl-related-portfolio{

    background-color: #202832;

}



.pxl-related-portfolio .pxl-swiper-title{

    color: #f1f1f1;

}



.pxl-related-portfolio .pxl-item-title a{

    color: #62db5e ;

}



.pxl-related-portfolio .pxl-item-title a:hover{

    color: #3b9ded ;

}



section.elementor-section.elementor-top-section.elementor-element.elementor-element-be9b2c6.elementor-section-full_width.elementor-section-stretched.pxl-footer2.elementor-section-height-default.elementor-section-height-default.pxl-row-scroll-none.pxl-full-content-with-space-none.pxl-bg-color-none.pxl-section-overlay-none{

    display: none;

}



.pxl-counter3 .pxl--item-inner .pxl-counter-meta .pxl--counter-suffix{

    font-size: 52px;

    position: absolute;

    width: 65px;

    height: 65px;

    bottom: 5px;

    right: -13px;

    -webkit-border-radius: 50%;

    -khtml-border-radius: 50%;

    -moz-border-radius: 50%;

    -ms-border-radius: 50%;

    -o-border-radius: 50%;

    border-radius: 50%;

    box-shadow: 0 0px 30px 0px #3b9ded;

    background-color: #1a2528;

    display: flex;

    align-items: center;

    justify-content: center;

    color: #3b9ded;

}



.portfolio-template #pxl-page-title-elementor{

    display: none;

}



.pxl-couner-banner1 .pxl-couner-inner .pxl-inner-list .pxl-item:nth-child(2) {

    bottom: -204px;

}

.pxl-couner-banner1 .pxl-couner-inner .pxl-inner-list .pxl-item .pxl-sub-title {

    max-width: 100% !important;

}



.portfolio-template .pxl-header-elementor-main.px-header--transparent {

    background-color: #2028325e;

}



.pxl-couner-banner1 .pxl-couner-inner .pxl-content .pxl-item--title{

    color: #3b9ded;

    font-family: archivo;

    text-transform: uppercase;

    font-size: 18px;

    font-weight: 800;

}



.pxl-item-counter .pxl-prefix {

    display: none;

}



.pxl-banner-box.pxl-banner-box2 .pxl-meta-inner .pxl-item--icon{

    background-color: #62db5e;

}



.pxl-bg-header:before{

    background-color: #f1f1f1;

}



.pxl-bg-header2:after{

background-color: #f1f1f1;

}



.pxl-showcase .pxl-item--buttons .btn{

    background-color: #3b9ded;

    border: #3b9ded ;

}



/*Ons bureau*/

.pxl-counter1 .pxl--item-inner:before{

    width: 280px;

    height: 280px;

}



.pxl-swiper-arrow{

    background-color: #3b9ded;

    width: 40px;

    height: 40px;

}



.italic {

    font-style: italic; 

    color: #7e8894 ;

}



/*Services*/

.elementor-484 .elementor-element.elementor-element-1eb3c03 .pxl-button .btn:hover,

.elementor-484 .elementor-element.elementor-element-fa56917 .pxl-button .btn:hover{

    border: none;

}

.pxl-service-layout1 .pxl-item--inner{

    background-color: #202832;

}



.pxl-grid .pxl-item--title a, .pxl-portfolio-carousel .pxl-item--title a, .pxl-service-carousel .pxl-item--title a, .pxl-grid .item--title a, .pxl-portfolio-carousel .item--title a, .pxl-service-carousel .item--title a{

    color: #62db5e;

}



.pxl-service-layout1 .pxl-item--inner .pxl-item--holder .pxl-item--readmore a span{

    color: #f1f1f1;

}



.pxl-service-layout1 .pxl-item--inner .pxl-item--holder .pxl-item--content{

    color: #7e8894;

}



.pxl-grid .pxl-item--image img, .pxl-portfolio-carousel .pxl-item--image img, .pxl-service-carousel .pxl-item--image img, .pxl-grid .pxl-item--featured img, .pxl-portfolio-carousel .pxl-item--featured img, .pxl-service-carousel .pxl-item--featured img{

    width: 100%;

}



/*Website maken*/

.elementor-484 .elementor-element.elementor-element-1f842c9 .pxl-button .btn{

border: none;

}



.elementor-484 .elementor-element.elementor-element-49558df .pxl-button .btn{

    border:none ;

}



.elementor-484 .elementor-element.elementor-element-9bbaba8 .pxl-button .btn{

    border: none;

}



.pxl-layout-home02:after{

    display: none;

}



/*Megamenu */

.pxl-showcase .pxl-item--inner.style-4 .pxl-item--image {

    height: 14em;

}



.pxl-showcase .pxl-item--inner.style-4 .pxl-item--image img{

    object-fit: cover;

}



.pxl-nav-menu.fr-style-default.show-effect-dropdown .pxl-menu-primary .pxl-mega-menu{

    background: #202832;

}



.pxl-showcase .pxl-item--title{

    color: #ffffff;

    font-family: archivo;

    text-transform: uppercase;

    font-weight: 400;

}



.pxl-showcase .pxl-item--buttons .btn{

    background-color: #62DB5E;

    text-transform: uppercase;

    font-family: archivo;

    font-weight: 800;

}



.pxl-showcase .pxl-item--buttons .btn:hover{

    background-color: #3b9ded;

    text-transform: uppercase;

    font-family: archivo;

    font-weight: 800;

}



.pxl-nav-menu.fr-style-default.show-effect-dropdown .pxl-menu-primary .sub-menu{

    background-color: #202832;

}

.fr-style-default .pxl-menu-primary .sub-menu li a, .fr-style-default .pxl-menu-primary .children li a{

    color: #ffffff;

    font-size: 18px;

}





/*Menu */

.pxl-nav-menu ul.pxl-menu-primary li:last-child:after {

    content: "\f113";

    position: absolute;

    top: calc(50% - 7px);

    right: -16px;

    font-size: 15px;

    font-family: Flaticon;

    font-weight: 400;

    line-height: 1;

    transform: rotate(-50deg);

    -webkit-transition: transform 0.25s cubic-bezier(0.645, 0.045, 0.355, 1);

    -khtml-transition: transform 0.25s cubic-bezier(0.645, 0.045, 0.355, 1);

    -moz-transition: transform 0.25s cubic-bezier(0.645, 0.045, 0.355, 1);

    -ms-transition: transform 0.25s cubic-bezier(0.645, 0.045, 0.355, 1);

    -o-transition: transform 0.25s cubic-bezier(0.645, 0.045, 0.355, 1);

    transition: transform 0.25s cubic-bezier(0.645, 0.045, 0.355, 1);

}

.pxl-nav-menu ul.pxl-menu-primary li:last-child:hover:after {

    transform: rotate(0deg);

}



/* Services */

.pxl-related-service .pxl-swiper-title{

    font-family: montserrat;

    font-size: 40px;

    font-weight: 600;

    text-transform: uppercase;

}

/* Blog pagina */

.pxl-grid .pxl-item--title a, .pxl-portfolio-carousel .pxl-item--title a, .pxl-service-carousel .pxl-item--title a, .pxl-grid .item--title a, .pxl-portfolio-carousel .item--title a, .pxl-service-carousel .item--title a{

    color: #202832;

}



.pxl-post-carousel4 .pxl-item--inner .pxl-item--holder .pxl-item--date{

   display: none;

}



.single-post article.pxl---post .pxl-item-image, .single-post article.pxl---post > .pxl-item--title {

    display: none;

}



.pxl-post-carousel4 .pxl-item--inner .pxl-item--holder .pxl-item--title a{

    color: #7e8894;

}



/*Contact*/

.pxl-meta-carousel1 .pxl-item--inner{

    background-color: transparent;

}



.pxl-meta-carousel1 .pxl-item--inner .pxl-item--position a{

    color: #f1f1f1;

}



/* Veelgestelde vragen */

.elementor-32 .elementor-element.elementor-element-4ced2436{

    border-color: #62db5e;

}



/* Footer */

footer .pxl-map-custom1 .pxl-box-inner .pxl-list-map .pxl-item-list .pxl--item:nth-child(1) {

    top: 44%;

    transform: translate(0, -50%);

    left: 48%;

}

footer .pxl-map-custom1 .pxl-box-inner .pxl-list-map .pxl-item-list .pxl--item:nth-child(2) {

    bottom: 33%;

    right: 29%;

    left: inherit;

    transform: translate(-32%, 0);

}

.pxl-map-custom1 .pxl-box-inner .pxl-list-map .pxl-item-list .pxl--item a{

    background-color:#3b9ded;

}



/* Hidden menu */

#pxl-hidden-panel-popup .pxl-item--conent {

    background-color: #202832;

    box-shadow: -18px 50px 41px -4px rgba(98,219,94,0.75);

-webkit-box-shadow: -18px 50px 41px -4px rgba(98,219,94,0.75);

-moz-box-shadow: -18px 50px 41px -4px rgba(98,219,94,0.75);

}



#pxl-hidden-panel-popup .pxl-close{

    color: #f1f1f1;

}

#pxl-hidden-panel-popup .pxl-close:before, #pxl-hidden-panel-popup .pxl-close:after{

    background-color: #f1f1f1;

}



/* Home schaduws */

.wrap-inner{

    box-shadow: 7px -8px 29px 0px rgba(59,157,237,0.61);

-webkit-box-shadow: 7px -8px 29px 0px rgba(59,157,237,0.61);

-moz-box-shadow: 7px -8px 29px 0px rgba(59,157,237,0.61);

}



/* Contactformulier */

.gfield_label, .gform-field-label {

    color: #1C244B !important;

    font-size: 16px !important;

    font-weight: 400 !important;

    font-family: sans-serif;

}

.gform_required_legend {

    display: none;

}



.gform-footer .gform_button {

    background-color: #62db5e !important;

    font-size: 16px !important;

    font-weight: 400 !important;

    padding: 0.7em 1.5em !important;

    border-radius: 20px !important;

    font-family: archivo;

}



.elementor-27 .elementor-element.elementor-element-32351c52:not(.elementor-motion-effects-element-type-background), .elementor-27 .elementor-element.elementor-element-32351c52 > .elementor-motion-effects-container > .elementor-motion-effects-layer,

.elementor-17 .elementor-element.elementor-element-10a6a36:not(.elementor-motion-effects-element-type-background), .elementor-17 .elementor-element.elementor-element-10a6a36 > .elementor-motion-effects-container > .elementor-motion-effects-layer{

    width: 100%; 

    margin: 0 auto; 

}





.elementor-30 .elementor-element.elementor-element-65e3928:not(.elementor-motion-effects-element-type-background), .elementor-30 .elementor-element.elementor-element-65e3928 > .elementor-motion-effects-container > .elementor-motion-effects-layer{

    box-shadow: 16px 13px 36px 0px rgba(98,219,94,0.48);

-webkit-box-shadow: 16px 13px 36px 0px rgba(98,219,94,0.48);

-moz-box-shadow: 16px 13px 36px 0px rgba(98,219,94,0.48);

}



.gform-theme--framework .gfield:where(.gfield--type-multiselect,.gfield--input-type-multiselect) .chosen-container-multi:where(:not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)), .gform-theme--framework .gfield:where(.gfield--type-select,.gfield--input-type-select) .chosen-search input[type=text]:where(:not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)), .gform-theme--framework .gfield:where(.gfield--type-select,.gfield--input-type-select) .chosen-single:where(:not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)), .gform-theme--framework .gform-theme-field-control:where(:not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)), .gform-theme--framework input[type]:where(:not(.gform-text-input-reset):not([type=hidden])):where(:not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)), .gform-theme--framework select:where(:not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)), .gform-theme--framework select[multiple]:where(:not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)), .gform-theme--framework textarea:where(:not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)), .gform-theme--framework.gform-theme.gform_wrapper .button:where(:not(.gform-theme-no-framework)):where(:not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)), .gform-theme--framework.gform-theme.gform_wrapper .gform-theme-button:where(:not(.gform-theme-no-framework)):where(:not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)), .gform-theme--framework.gform-theme.gform_wrapper :where(:not(.mce-splitbtn))>button:not([id*=mceu_]):not(.mce-open):where(:not(.gform-theme-no-framework)):where(:not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)), .gform-theme--framework.gform-theme.gform_wrapper button.button:where(:not(.gform-theme-no-framework)):where(:not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)), .gform-theme--framework.gform-theme.gform_wrapper input:is([type=submit],[type=button],[type=reset]).button:where(:not(.gform-theme-no-framework)):where(:not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)), .gform-theme--framework.gform-theme.gform_wrapper input:is([type=submit],[type=button],[type=reset]):where(:not(.gform-theme-no-framework)):where(:not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)), .gform-theme--framework.gform-theme.gform_wrapper input[type=submit].button.gform_button:where(:not(.gform-theme-no-framework)):where(:not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)){

--gf-local-border-color:#ffffff;

}
/* Blog Detail Page */
article .pxl-related-post{
    padding: 40px 0;
}


@media (max-width: 767px){
    article .pxl-item--content .blog--banner-section .elementor-column-gap-extended{
        display: flex;
        flex-direction: column-reverse;
    }
    article .pxl-related-post {
        padding: 40px 16px;
    }
     article .pxl-related-post .pxl-swiper-container{
        margin: 0 0;
     }
}