/*
Theme Name: Fokkner Child
Theme URI: https://fokkner.qodeinteractive.com
Description: A child theme of Fokkner
Author: Edge Themes
Author URI: https://qodeinteractive.com
Version: 1.0.0
Text Domain: fokkner
Template: fokkner
*/


.wpcf7 form.sent .wpcf7-response-output {
    background: #00D06C;
    border: none;
    font-family: Karla !important;
    font-style: normal;
    font-weight: normal !important;
    font-size: 15px;
    line-height: 18px;
    letter-spacing: 0.003em;
    padding: 7px 11px;
    margin: 36px 0 0 0;
    max-width: 508px;
    color: #000000 !important;
}


div.elementor-message{
	background-color: #ffffff;
    padding: 10px;
    border-radius: 8px;
    font-weight: bold;
}


div.elementor-message-success{
	background-color: #1fc51f;
    color: white;
}


#qodef-404-page .qodef-404-button .qodef-button {
    color: #fff;
    
}


.elementor-editor-active #qodef-page-outer {
    margin-top: 0;
}

.qodef-property-list .qodef-e-title {
    margin: 0 0 0;
    color: #fff !important;
    font-size: 27px;
    font-weight: 500;
    letter-spacing: 0;
    line-height: 36px;
    font-family: "Lato", Sans-serif;
}

.qodef-property-list .qodef-e-title a:hover {
    margin: 0;
    color: #fff !important;
}

.home-gallery .qodef-showp-roperty-label .qodef-e-inner {
    display: contents;
}

.home-gallery .qodef-showp-roperty-label .qodef-property-label-holder {
    position: relative !important;
    top: 0 !important;
    transform: none !important;
    padding: 46px 48px 0 13px;
}

.testimonials-wrap .qodef-testimonials-list .qodef-e-inner {
    padding: 44px 20px 40px;
    display: flex;
    flex-direction: column-reverse;
    background-image: url(/wp-content/uploads/2024/04/quote-i.png);
    background-repeat: no-repeat;
    background-position-x: 86%;
    background-position-y: bottom;
    max-width: 1275px;
    margin: 0 auto;
    background-color: #E1E1E1;
}

.testimonials-wrap .qodef-e-content {
    max-width: 1014px;
    margin-left: auto;
    margin-right: auto;
    width: 100%;
}

.testimonials-wrap .qodef-e-content .qodef-e-text {
    max-width: 740px;
}

.testimonials-wrap .qodef-testimonials-list .qodef-e-info--top {
    display: flex;
    margin-bottom: 14px;
    margin-top: 3px;
    max-width: 1016px;
    margin-left: auto;
    margin-right: auto;
    width: 100%;
}

.testimonials-wrap .qodef-testimonials-list .qodef-e-text {
    color: #101010;
    font-style: normal;
    font-weight: 500;
    font-size: 22px;
    line-height: 36px;
    font-family: "Lato", Sans-serif;
}

.testimonials-wrap .qodef-testimonials-list .qodef-info-items {
       margin-left: 0;
}

.testimonials-wrap  .qodef-e-author-name {
    color: #101010;
    font-weight: 700;
    font-size: 17px;
    line-height: 27px;
    font-family: "Lato", Sans-serif;
}

.testimonials-wrap .qodef-e-author-job {
    max-width: 65%;
    color: #101010;
	 font-weight: 300;
    font-size: 13px;
    line-height: 14px;
    font-family: "Lato", Sans-serif;
}

#qodef-page-footer-top-area p {
    font-size: 22px;
    font-weight: 500;
    letter-spacing: 0;
    line-height: 27px;
    color: #F37A37;
	font-family: "Lato", Sans-serif;
}

#qodef-page-footer-top-area p a {
    color: #fff !important;
    font-size: 16px;
    font-weight: 300;
    letter-spacing: 0;
    line-height: 24px;
    font-family: "Lato", Sans-serif;
}

#qodef-page-footer .qodef-widget-title {
    color: #fff !important;
	font-size: 22px;
    font-weight: 500;
    letter-spacing: 0;
    line-height: 27px;
    font-family: "Lato", Sans-serif;
}

#qodef-page-footer-top-area .qodef-nf-footer-style label:last-of-type .wpcf7-form-control-wrap input {
    margin-bottom: -6px;
    color: #fff;
    border-bottom: 1px solid #fff;
    font-size: 16px;
    font-weight: 300;
    letter-spacing: 0;
    line-height: 24px;
    padding-bottom: 3px;
}

.mb23 p{
	margin-bottom:23px;
}

.home-services-block .elementor-container {
    flex-wrap: wrap;
}

.home-services-block .elementor-column {
    width: 100% !important;
    max-width: 20%;
    margin-right: 5.5%;
}

.home-services-block .elementor-column:last-child {
   margin-right:0;
}

.qodef-property-list .qodef-e.qodef-showp-roperty-label .qodef-property-label-title {
    font-size: 26px;
    font-weight: 500;
    letter-spacing: 0;
    line-height: 37px;
    font-family: "Lato", Sans-serif;
}

.qodef-property-list.qodef-item-layout--info-over-image .qodef-e-inner .qodef-e-content {
    margin: 0 0 17px 35px;
}

.trigger-carusel  .swiper-button-prev, .trigger-carusel .swiper-button-next {
    display: none;
}

.testimonials-btn-swipe-wrap {
    display: flex;
    flex-direction: row;
    justify-content: center;
}

.trigger-carusel .slider-previous-btn {
    margin-right: 17px;
	cursor:pointer;
	}

.trigger-carusel .slider-next-btn {
    margin-left: 17px;
	cursor:pointer;
}

.trigger-carusel .slider-previous-btn:hover img {
 	animation: qodef-swiper-next-animation .64s forwards cubic-bezier(.54,.32,.05,.96);
}

.trigger-carusel .slider-next-btn:hover img {
 	animation: qodef-swiper-next-animation .64s forwards cubic-bezier(.54,.32,.05,.96);
}


#qodef-page-footer-top-area-inner {
    width: 100% !important;
    max-width: 1332px;
    padding-top: 1px;
}

#qodef-page-footer-top-area .widget.widget_media_image {
    margin: 0 0 28px;
}

#qodef-page-footer-top-area .qodef-grid-item:first-child {
    width: 100%;
    max-width: 25%;
}

#qodef-page-footer-top-area .qodef-grid-item:nth-child(2) {
    width: 100%;
    max-width: 49%;
    padding: 0 0 0 85px;
}

#qodef-page-footer-top-area .qodef-grid-item:nth-child(2) p {
    margin-top: 0;
    margin-bottom: 0;
}

#qodef-page-footer-top-area .qodef-grid-item:nth-child(2) p a {
    margin: 5px 0 0;
}

#qodef-page-footer-top-area .qodef-grid-item:last-child {
    width: 100%;
    max-width: 25%;
    padding-left: 21px;
    padding-top: 4px;
}

#qodef-page-footer-bottom-area {
    padding: 55px 0 17px;
   }

#qodef-page-footer-top-area {
   padding-left: 20px;
   padding-right: 20px;
}

span.qodef-back-to-top-icon {
    background-color: transparent !important;
}

.home-skills-block .elementor-container {
    flex-wrap: wrap;
}

.home-skills-block .elementor-container .elementor-column {
    width: 100% !important;
    max-width: 32.4%;
    margin: 0 1.4% 19px 0;
    min-height: 287px;
	overflow:hidden;
}

.home-skills-block .elementor-container .elementor-column:nth-child(3n) {
  margin-right:0;
}

.home-skills-block  .elementor-widget-button {
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
}

.home-skills-block  .elementor-widget-button .elementor-widget-container {
    height: 100%;
}

.home-skills-block  .elementor-widget-button .elementor-widget-container .elementor-button-wrapper {
    height: 100%;
}

.home-skills-block  .elementor-widget-button .elementor-widget-container .elementor-button-wrapper .elementor-button {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: flex-start;
    align-items: flex-end;
    padding-bottom: 17px;
    padding-left: 36px;
    text-align: left;
}

/*temporary*/
.home-skills-block .elementor-widget-button .elementor-widget-container .elementor-button-wrapper .elementor-button {
	pointer-events: none;/*temp*/
}



.home-skills-block .elementor-container .elementor-column:hover .elementor-background-overlay {
    transition: transform .58s cubic-bezier(.54,.32,.05,.96) !important;
    transform: scale(1.06);
}

.home-skills-block .elementor-container .elementor-column .elementor-background-overlay {
    transition: transform .58s cubic-bezier(.54,.32,.05,.96) !important;
    }

#qodef-page-footer-top-area .qodef-nf-footer-style .wpcf7-form-control.wpcf7-submit:before {
     color: #fff;
}

.qodef-contact-form-7 .wpcf7-response-output {
    margin: 25px 0 0 0!important;
    color: #fff;
}

 .testimonials-wrap .swiper-wrapper {
    align-items: center;
} 

.testimonials-wrap .swiper-pagination.swiper-pagination-fraction {
    display: none;
}

#qodef-page-footer-top-area .qodef-nf-footer-style label:last-of-type .wpcf7-form-control-wrap .wpcf7-not-valid-tip {
    position: relative;
 bottom: -13px;
}

#qodef-page-footer-top-area .qodef-nf-footer-style .wpcf7-form-control.wpcf7-submit {
    bottom: auto;
    top: -10px;
}

.qodef-testimonials-list.qodef-swiper-container.qodef-swiper--initialized {
    pointer-events: none !important;
}
























































/* Large Devices, Wide Screens */
@media only screen and (max-width : 1200px) {
    
.home-gallery .qodef-showp-roperty-label .qodef-property-label-holder {
      padding: 0 0 0 13px;
}


} /* end 1200 */



/* Medium Devices, Desktops */
@media only screen and (max-width : 1024px) {
    
	a.qodef-opener-icon.qodef-mobile-header-opener {
     display: none;
}
	
	
	.home-skills-first-col {
    display: none !important;
}

.home-gallery .elementor-container {
    width: 100% !important;
    padding: 0 29px;
}

.home-skills-block .elementor-container .elementor-column {
    max-width: 46.7%;
    margin: 0 10px 21px;
    min-height: 223px;
    overflow: hidden;
}
	
.home-skills-block .elementor-container .elementor-column:nth-child(3n) {
    margin-right: 10px;
}	
	
.home-skills-block  .elementor-widget-button .elementor-widget-container .elementor-button-wrapper .elementor-button {
    padding-bottom: 32px;
    padding-left: 33px;
    font-size: 25px;
}	
	
.home-gallery .elementor-container .elementor-container {
    padding: 0 !important;
}	
	
	#qodef-page-footer-bottom-area {
      margin-top: -1px;
}
	
	.home-gallery .elementor-container {
      padding: 0 0;
}
	
}  /*  end 1024 */



/* Small Devices, Tablets */
@media only screen and (max-width : 768px) {
   
.qodef-content-grid {
    width: 100%;
    padding: 0 10px !important;
}

.home-services-block .elementor-column:nth-child(2n) {
    margin-right: 0;
}

.home-services-block .elementor-column {
    max-width: 44%;
    margin-bottom: 38px;
}

.qodef-testimonials-list .qodef-e-text {
    margin: 0 0 12px;
}

.testimonials-wrap .qodef-testimonials-list .qodef-e-inner {
    padding: 66px 20px 71px;
    background-position-y: 102%;
    background-size: 112px;
  }

.testimonials-btn-swipe-wrap {
    justify-content: flex-start;
    padding-top: 0;
    z-index: 5;
    position: relative;
    margin-top: -26px;
}

#qodef-page-footer-top-area .qodef-grid-item:first-child {
    width: 100%;
    max-width: 39%;
    padding: 9px 11px 0 33px;
}

#qodef-page-footer-top-area p {
    margin-bottom: 0;
}

#qodef-page-footer-top-area .widget.widget_media_image {
    margin: 0 0 38px;
}

#qodef-page-footer-top-area .qodef-grid-item:nth-child(2) {
    max-width: 51%;
    padding: 7px 0 51px 91px;
}

#qodef-page-footer-top-area .qodef-grid-item:last-child {
    max-width: 57%;
    padding-left: 92px;
    padding-top: 4px;
}

#qodef-page-footer-top-area .qodef-social-icons-group {
    padding-top: 21px;
}

#qodef-page-footer-bottom-area {
    padding: 119px 0 21px;
}

.testimonials-wrap .swiper-pagination.swiper-pagination-fraction {
    display: block;
    position: relative;
    right: 0;
    text-align: right;
    bottom: -82px;
    padding-top: 0;
}
	
.testimonials-wrap .qodef-shortcode {
    padding-bottom: 82px;
}
	
	
	
	
	
	
	
	
	
	
	
	
	



} /* end 768 */


/* Extra Small Devices, Phones */
@media only screen and (max-width : 685px) {

/*
	
.home-skills-block .elementor-container .elementor-column {
    max-width: 43.7%;
  }	
*/	
	
.home-skills-block .elementor-container .elementor-column {
    max-width: 100%;
  }	

} /* end 685 */







/* Extra Small Devices, Phones */
@media only screen and (max-width : 480px) {

#qodef-page-footer-top-area .qodef-grid-item:first-child {
    max-width: 100%;
    padding: 0 0 20px 0;
}	
	
#qodef-page-footer-top-area .qodef-grid-item:nth-child(2) {
    max-width: 100%;
    padding: 0 0 20px 0;
}	
	
#qodef-page-footer-top-area .qodef-grid-item:last-child {
    max-width: 100%;
    padding-left: 0;
    padding-top: 0;
}	
	
#qodef-page-footer-bottom-area {
    padding: 20px 0 21px;
}	
	
#qodef-page-footer-top-area {
    padding: 60px 20px 12px;
   }	
	
.home-skills-block  .elementor-widget-button .elementor-widget-container .elementor-button-wrapper .elementor-button {
    padding: 15px;
    font-size: 22px;
    line-height: 26px;
}
	
	
	
	
	
	
	
	
	
} /*  end 480 */
