/**
Theme Name: Firma Netjes
Author: Eljany | Firma Netjes
Author URI: https://firmanetjes.nl
Description: Theme made for Firma Netjes based on Astra
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: firma-netjes
Template: astra
*/
@import url('https://fonts.googleapis.com/css2?family=Rubik:wght@300;400;600;900&display=swap');
body{
	font-family: 'Rubik', sans-serif;
}
.ast-theme-transparent-header #masthead .site-logo-img .transparent-custom-logo img {
    width: 280px;
}
.ast-header-break-point .ast-above-header-section-2 {
    padding-top: 5px;
    padding-bottom: 5px;
}
.ast-above-header-section-wrap{
	padding-right: 10px;
}
.text-html-above-header .user-select a{
	margin-left:6px;
	margin-right:6px;
}
.main-header-menu li {
    padding-top: 5px;
}
.main-header-bar {
    padding: 0.4em 0;
}
.ast-header-break-point .main-navigation ul.sub-menu .menu-item .menu-link:before {
    display: none;
}
@keyframes blink {
  0% { opacity: 0; }
  50% { opacity: 1; }
  100% { opacity: 0; }
}
.blink .elementor-icon-list-icon{
	animation: blink 2s infinite;
}
/* buttons */
.rh-boekbutton {
  transition: all 0.5s;
  cursor: pointer;

}
.rh-boekbutton .elementor-button-content-wrapper {
  cursor: pointer;
  display: inline-block;
  position: relative;
  transition: 0.5s;
}
.rh-boekbutton .elementor-button-content-wrapper:after {
  content: "\00bb";
  position: absolute;
  opacity: 0;
  top: -7px;
  right: -20px;
  transition: 0.5s;
  font-size: 25px;
}
.rh-boekbutton:hover a{
  padding-left: 35px;
  padding-right: 53px;
}
.rh-boekbutton:hover .elementor-button-content-wrapper:after {
  opacity: 1;
}
/* swap icons */
.astra-search-icon::before {
    display: block;
    content: ' '!important;
    background-image: url(../firma-netjes/icons/search-solid.svg);
    background-size: 20px 20px;
    height: 20px;
    width: 20px;
}
.ast-button-wrap .menu-toggle .menu-toggle-icon:before {
    display: block;
    content: ' '!important;
    background-image: url(../firma-netjes/icons/bars-solid.svg);
    background-size: 20px 20px;
    height: 20px;
    width: 20px;
}
.ast-flyout-menu-enable.ast-header-break-point .main-header-bar-navigation .close:after{
	display: block;
    content: ' '!important;
    background-image: url(../firma-netjes/icons/times-sharp.svg);
    background-size: 40px 40px;
    height: 40px;
    width: 40px;
}
.ast-header-break-point .main-header-bar .main-header-bar-navigation .menu-item-has-children>.ast-menu-toggle::before,
.main-header-bar .main-header-bar-navigation .menu-item-has-children>.menu-link:after{
	display: inline-block;
    content: ' '!important;
    background-image: url(../firma-netjes/icons/arrow-down-black.svg);
    background-size: 15px 15px;
    height: 15px;
    width: 15px;
}
.eicon-play:before {
    display: block;
    content: ' '!important;
    background-image: url(../firma-netjes/icons/play-button-light-white.svg);
	background-size: 100px 100px;
    height: 100px;
    width: 100px;
}
.fa-angle-left:before,
.fa-angle-right:before {
    display: block;
    content: ' '!important;
    background-image: url(../firma-netjes/icons/arrow-down-black.svg);
    background-size: 30px 30px;
    height: 30px;
    width: 30px;
}
.fa-angle-right:before {
     transform: rotate(-90deg);
}
.fa-angle-left:before {
     transform: rotate(90deg);
}
.fa-facebook:before,
.fa-whatsapp:before,
.fa-envelope:before,
.fa-twitter:before,
.fa-linkedin:before {
	display: block;
    content: ' '!important;
	background-size: 20px 20px;
    height: 20px;
    width: 20px;
}
.fa-facebook:before{
    background-image: url(../firma-netjes/icons/facebook-f-brands.svg);
}
.fa-whatsapp:before{
    background-image: url(../firma-netjes/icons/whatsapp-brands.svg);
}
.fa-envelope:before{
    background-image: url(../firma-netjes/icons/envelope-solid.svg);
}
.fa-twitter:before{
    background-image: url(../firma-netjes/icons/twitter-brands.svg);
}
.fa-linkedin:before{
	background-image: url(../firma-netjes/icons/linkedin-in-brands.svg);
}
/* page */
.ast-scroll-top-icon::before {
    display: block;
    content: ' '!important;
    background-image: url(../firma-netjes/icons/arrow-down-black.svg);
	background-size: 25px 25px;
    height: 25px;
    width: 25px;
    margin: 14px;
}
/* clearfix */
.clearfix {
    overflow: auto;
}
.clearfix::after {
    content: "";
    clear: both;
    display: table;
}
/* knoppen */
button, .ast-button, input#submit, input[type="button"], input[type="submit"], input[type="reset"] {
    text-transform: none!important;
    font-size: 1em!important;
}
.elementor-button,
.elementor-element.elementor-button-info .elementor-button {
    background-color: #f79e02;
}
.elementor-button:hover,
.elementor-element.elementor-button-info .elementor-button:hover {
    background-color: #da8b00;
}
.elementor-button.elementor-size-sm,
.elementor-button.elementor-size-md{
    -webkit-border-radius: 50px;
    border-radius: 50px;
}
.elementor-button.elementor-size-md {
    font-size: 22px;
    }
.add_to_cart_button{
	display: inline-block;
}
.fn-specialbutton {
  transition: all 0.5s;
  cursor: pointer;
}
.fn-specialbutton .elementor-button{
    padding: 15px 44px;
}
.fn-specialbutton .elementor-button-content-wrapper {
  cursor: pointer;
  display: inline-block;
  position: relative;
  transition: 0.5s;
}
.fn-specialbutton .elementor-button-content-wrapper:after {
  content: "";
  position: absolute;
    background-image: url(../firma-netjes/icons/arrow-white.svg);
    background-size: 20px 20px;
    height: 20px;
    width: 20px;
    opacity: 0;
    margin-left: 7px;
}
.fn-specialbutton:hover a{
  padding-left: 35px;
  padding-right: 53px;
}
.fn-specialbutton:hover .elementor-button-content-wrapper:after {
  opacity: 1;
}
/* formatting */
.white,
.white p,
.white h1,
.white h2,
.white h3,
.white h4,
.white a,
.white .elementor-author-box__bio{
	color: white;
}
.white-icon path{
	fill: white;
}
.intro-text,
.intro-text p{
	font-size:27px;
}
a:focus,
a:active { outline: none; }