/*
Theme Name: Vuurwerkland
Theme URI: https://www.aanleverenvuurwerkland.nl
Description: Wordpress thema voor Vuurwerkland
Author: Comceptum
Author URI: http://comceptum.nl
Version: 1.0
License: GNU General Public License
License URI: licence/GPL.txt
Text Domain: aanleverenvuurwerkland
*/


@font-face {
    font-family: 'Barlow';
    src: url('fonts/Barlow-Bold.eot');
    src: url('fonts/Barlow-Bold.eot?#iefix') format('embedded-opentype'),
        url('fonts/Barlow-Bold.woff2') format('woff2'),
        url('fonts/Barlow-Bold.woff') format('woff'),
        url('fonts/Barlow-Bold.ttf') format('truetype'),
        url('fonts/Barlow-Bold.svg#Barlow-Bold') format('svg');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Barlow';
    src: url('fonts/Barlow-Medium.eot');
    src: url('fonts/Barlow-Medium.eot?#iefix') format('embedded-opentype'),
        url('fonts/Barlow-Medium.woff2') format('woff2'),
        url('fonts/Barlow-Medium.woff') format('woff'),
        url('fonts/Barlow-Medium.ttf') format('truetype'),
        url('fonts/Barlow-Medium.svg#Barlow-Medium') format('svg');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Barlow';
    src: url('fonts/Barlow-Regular.eot');
    src: url('fonts/Barlow-Regular.eot?#iefix') format('embedded-opentype'),
        url('fonts/Barlow-Regular.woff2') format('woff2'),
        url('fonts/Barlow-Regular.woff') format('woff'),
        url('fonts/Barlow-Regular.ttf') format('truetype'),
        url('fonts/Barlow-Regular.svg#Barlow-Regular') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Barlow';
    src: url('fonts/Barlow-Light.eot');
    src: url('fonts/Barlow-Light.eot?#iefix') format('embedded-opentype'),
        url('fonts/Barlow-Light.woff2') format('woff2'),
        url('fonts/Barlow-Light.woff') format('woff'),
        url('fonts/Barlow-Light.ttf') format('truetype'),
        url('fonts/Barlow-Light.svg#Barlow-Light') format('svg');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Barlow';
    src: url('fonts/Barlow-SemiBold.eot');
    src: url('fonts/Barlow-SemiBold.eot?#iefix') format('embedded-opentype'),
        url('fonts/Barlow-SemiBold.woff2') format('woff2'),
        url('fonts/Barlow-SemiBold.woff') format('woff'),
        url('fonts/Barlow-SemiBold.ttf') format('truetype'),
        url('fonts/Barlow-SemiBold.svg#Barlow-SemiBold') format('svg');
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}




h1,
h2,
h3,
h4,
h5,
h6,
.h1,
.h2,
.h3,
.h4,
.h5,
.h6 {
    margin-bottom: 7.5px;
    margin-top: 0px;
    font-weight: bold;
    font-family: 'Barlow';
    line-height: 1.25;
   
}

h1,
.h1 {
    font-size: 30px;
}

.h2,
h2 {
    font-size: 28px;
}

.h3,
h3 {
    font-size: 24px;
}

.h4,
h4 {
    font-size: 18px;
   
}

.h5,
h5 {
    font-size: 18px;
}

.h6,
h6 {
    font-size: 16px;
}

body {
    font-size: 17px;
    font-weight: 400;
    color: #ffffff;
    font-family: 'Barlow';
    overflow-x: hidden;
    line-height: 1.375;
    max-width: 576px;
    padding: 0 22.5px;
    margin: 22.5px auto !important;
    display: flex;
    min-height: calc(100vh - 45px);
    justify-content: center;
    align-items: center;
}


p {
    margin-top: 0;
    margin-bottom: 15px;
    font-weight: 400;
}

a {
    color: currentColor;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
}

a:hover {
    text-decoration: none;
    color: currentColor;
}

ul,
ol {
    padding-left: 0;
    line-height: 1.5;
    margin-bottom: 15px
}

li {
    list-style: none;
}

img {
    width: 100%;
    height: auto;
}

label,
legend {
       margin-bottom: 7.5px;
    display: inline-block;
   
}

sup {
    top: -5px;
}

abbr {
    text-decoration: none !important;
}

hr {
       margin-top: 7.5px;
    margin-bottom: 7.5px;
    border: 0;
    border-top: 2px solid #ffffff;
}

hr.transparant {
        border: 1px solid transparent;
}

input[type="text"],
input[type="password"],
input[type="email"],
input[type="tel"],
input[type="search"],
input[type="number"],
input[type="url"],
textarea,
select {
       -moz-appearance: none;
    -webkit-appearance: none;
    box-sizing: border-box;
    border-radius: 0;
    outline: 0;
    padding: 12.5px 15px;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
    line-height: 1.125;
    border: 0;
    width: 100%;
    position: relative;
    background: #ffffff;
    color: #000000;
    font-size: 18px;
    border-radius: 5px;
    font-family: 'Barlow';
    font-weight: 500;
}

textarea {
    resize: none;
}

select {
        background-image: linear-gradient(45deg,transparent 50%,#C1C1C1 50%),linear-gradient(135deg,#C1C1C1 50%,transparent 50%);
    background-position: calc(100% - 20px) 50%,calc(100% - 15px) 50%,100% 0;
    background-size: 5px 5px,5px 5px,5px 5px;
    background-repeat: no-repeat;
}
input[type="search"]::-webkit-search-cancel-button {
    display: none;
}


input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

input[type=number] {
  -moz-appearance: textfield;
}


::-webkit-input-placeholder {
        color: #C1C1C1;
    font-weight: 300;
}

::-moz-placeholder {
       color: #C1C1C1;
    font-weight: 300;
}

:-ms-input-placeholder {
       color: #C1C1C1;
    font-weight: 300;
}

::-moz-selection {
    background: #f2898e;
    color: #ffffff
}

::selection {
    background: #f2898e;
    color: #ffffff
}

::-moz-selection {
    background: #f2898e;
    color: #ffffff
}

:focus {
    outline: 0 !important;
}

table {
    margin-bottom: 15px;
    width: 100%
}

b,
strong {
    font-weight: bold;
}

small {
    font-size: 0.75rem;
    font-weight: inherit;
    display: inline-block;
    line-height: 1.5;
}

button {
    -moz-appearance: none;
    -webkit-appearance: none;
    background: transparent;
    border: 0;
}

.container {
  padding-right: 22.5px;
  padding-left: 22.5px;
}


.row.medium-gutters {
    margin-right: -30px;
    margin-left: -30px;
}

.row.medium-gutters [class*="col-"] {
    padding-right: 30px;
    padding-left: 30px;
}

.row.big-gutters {
    margin-right: -45px;
    margin-left: -45px;
}

.row.big-gutters [class*="col-"] {
    padding-right: 45px;
    padding-left: 45px;
}

fieldset {
        border: 0;
    margin: 0;
}

.btn,
.button {
   -moz-appearance: none;
    -webkit-appearance: none;
    padding: 10px 17.5px;
    display: inline-block;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
    position: relative;
    line-height: 1.25;
    font-size: 16px;
    border: 0;
    background: #e30713;
    color: #ffffff;
    font-weight: bold;
    text-transform: uppercase;
    overflow: hidden;
    white-space: nowrap;
    text-decoration: none;
    z-index: 1;
    cursor: pointer;
        border-radius: 5px;
}

.btn:after {
    content: url(images/right.svg);
    width: 15px;
    display: inline-block;
    margin-left: 17.5px;
    line-height: 0;
     position: relative;
}

.gform_previous_button {
    background: #014884 !important
}

.gform_previous_button:hover {
    background: #014884 !important
}


.btn:hover,
.button:hover{
    color: #ffffff;
    background: #014884;
}


header {
   margin-bottom: 22.5px;
   text-align: center;
}

header img{
   max-width: 300px;
      /* filter: drop-shadow(0px 0px 10px rgb(0 0 0 / 25%));*/
}

main {
    background: #f2898e;
    box-shadow: rgb(0 0 0 / 50%) 0px 5px 38px -5px;
  
    border-radius: 10px 10px 0 0;
}




/* Gravity Forms */

.gform_wrapper {

}

.gform_wrapper form {
       position: relative;
}

.gform_wrapper form .gf_progressbar_wrapper {
   padding: 22.5px;
    background: #e30713;
    border-radius: 10px 10px 0 0;
}

.gform_wrapper form .gf_progressbar_wrapper .gf_progressbar_title {
       font-weight: bold;
    text-align: center;
    margin-bottom: 5px;
        line-height: 1.25;
        color: #ffffff;
        font-size: 18px;
}

.gform_wrapper form .gf_progressbar_wrapper .gf_progressbar {
    background: #ffffff;
    border-radius: 50px;
    position: relative;
}

.gform_wrapper form .gf_progressbar_wrapper .gf_progressbar .gf_progressbar_percentage {
 background-color: #f2898e;
    color: #fff;
    border-radius: 50px;
    height: 35px;
   /* background: -webkit-linear-gradient( 135deg, #f2898e 25%, #0c3a85 25%, #0c3a85 50%, #f2898e 50%, #f2898e 75%, #0c3a85 75% );
    background: -moz-linear-gradient( 135deg, #f2898e 25%, #0c3a85 25%, #0c3a85 50%, #f2898e 50%, #f2898e 75%, #0c3a85 75% );
    background: -o-linear-gradient( 135deg, #f2898e 25%, #0c3a85 25%, #0c3a85 50%, #f2898e 50%, #f2898e 75%, #0c3a85 75% );
      background-size: 50px 50px;*/
    background: #014884;
  
}

.gform_wrapper form .gf_progressbar_wrapper .gf_progressbar .gf_progressbar_percentage span {
  display: block;
    float: right;
    font-weight: 600;
       padding: 9px 15px;
    line-height: 1;
}

.gform_wrapper form .gf_progressbar_wrapper .gf_progressbar .gf_progressbar_percentage:is(.percentbar_1,.percentbar_2,.percentbar_3,.percentbar_4,.percentbar_5,.percentbar_6,.percentbar_7,.percentbar_8,.percentbar_9) span {
    display: none;
}
.gform_wrapper form .gform_body,
.gform_confirmation_wrapper {
    padding: 22.5px;

}
.gform_wrapper form .gform_body .gform_fields {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-right: -10px;
    margin-left: -10px;
}

.gform_wrapper form .gform_body .gform_fields .gfield {
    margin-bottom: 22.5px;

    position: relative;
    width: 100%;
    padding-right: 10px;
    padding-left: 10px;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
}

.gform_wrapper form .gform_body .gform_fields .gfield:last-child {
    margin-bottom: 0
}

.gform_wrapper form .gform_body .gform_fields .gfield.label--left {
    display: -ms-flexbox !important;
    display: flex !important;
        -ms-flex-align: center !important;
    align-items: center !important;
}

.gform_wrapper form .gform_body .gform_fields .gfield.label--left label.gfield_label {
    min-width: 150px;
} 

.gform_wrapper form .gform_body .gform_fields .gfield.label--left .ginput_container {
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    -ms-flex-positive: 1;
    flex-grow: 1;
    max-width: 100%;
}
.gform_wrapper form .gform_body .gform_fields .gfield label.gfield_label {
    font-weight: bold;
}

.gform_wrapper form .gform_body .gform_fields .gfield legend.gfield_label {
/* font-size: 24px;*/
    font-weight: bold;
}

/*.gform_wrapper form .gform_body .gform_fields .gfield.gfield--type-text label.gfield_label{
    display: none;
}*/

.gform_wrapper form .gform_body .gform_fields .gfield.gfield--width-half {
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
}


.gform_wrapper form .gform_body .gform_fields .gfield.hidden_label > label,
.gform_wrapper form .gform_body .gform_fields .gfield.hidden_label > legend{
	display: none
}

.gform_wrapper form .gform_body .gform_fields .gfield > .gfield_description  {
        margin-bottom: 15px;
}

.gform_wrapper form .gform_body .gform_fields .gfield > .gfield_description img {
       margin-bottom: 5px;
    background: #ffffff;
    border-radius: 5px;
}

.gform_wrapper form .gform_body .gform_fields .gfield > .gfield_description b {
      display: block;
    margin-bottom: 2.5px;
}
/*.gform_wrapper form .gform_body .gform_fields .gfield.gfield--type-checkbox > legend {
       margin-bottom: 0;
}*/



.gform_wrapper form .gform_body .gform_fields .gfield.gfield--type-images .ginput_container_checkbox {

}

.gform_wrapper form .gform_body .gform_fields .gfield.gfield--type-images .ginput_container_checkbox .gfield_checkbox {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-right: -7.5px;
    margin-left: -7.5px;
}

.gform_wrapper form .gform_body .gform_fields .gfield.gfield--type-images .ginput_container_checkbox .gfield_checkbox .gchoice {
        position: relative;
    width: 100%;
    padding-right: 7.5px;
    padding-left: 7.5px;
      /*  -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    max-width: 25%;*/
     -ms-flex: 0 0 33.333%;
    flex: 0 0 33.333%;
    max-width: 33.333%;
        margin-bottom: 15px;
}

.gform_wrapper form .gform_body .gform_fields .gfield.banier.gfield--type-images .ginput_container_checkbox .gfield_checkbox .gchoice:nth-child(-n+6) {
  -ms-flex: 0 0 33.333%;
    flex: 0 0 33.333%;
    max-width: 33.333%;
}

.gform_wrapper form .gform_body .gform_fields .gfield.banier.gfield--type-images .ginput_container_checkbox .gfield_checkbox .gchoice:nth-child(1n+7) {
  -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
}

.gform_wrapper form .gform_body .gform_fields .gfield.gfield--type-images .ginput_container_checkbox .gfield_checkbox .gchoice input {
     border: 0;
  clip: rect(1px, 1px, 1px, 1px);
  clip-path: inset(50%);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
  word-wrap: normal !important;
}

.gform_wrapper form .gform_body .gform_fields .gfield.gfield--type-images .ginput_container_checkbox .gfield_checkbox .gchoice label {
    margin-bottom: 0;
   /* background: #ffffff;
    border: 3px solid #ffffff;
    border-radius: 5px;*/
       /* line-height: 0;*/
        cursor: pointer;
        -webkit-transition: all 0.3s;
    transition: all 0.3s;
  /*  font-size: 0;*/
    position: relative;
        font-weight: 600;
            line-height: 1.25;
}

.gform_wrapper form .gform_body .gform_fields .gfield.gfield--type-images .ginput_container_checkbox .gfield_checkbox .gchoice label a[data-fancybox] {
   position: absolute;
    right: 0;
    top: 0;
    transform: translate(50%, -50%);
    width: 30px;
    height: 30px;
    z-index: 11;
    display: block;
    background: #000000;
    border-radius: 50%;
}
.gform_wrapper form .gform_body .gform_fields .gfield.gfield--type-images .ginput_container_checkbox .gfield_checkbox .gchoice label a[data-fancybox]:before {
    
     content: url(images/search.svg);
    width: 15px;
    display: inline-block;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.gform_wrapper form .gform_body .gform_fields .gfield.gfield--type-images .ginput_container_checkbox .gfield_checkbox .gchoice label img {
    border: 5px solid #ffffff;
     border-radius: 5px;
     margin-bottom: 10px;
       -webkit-transition: all 0.3s;
    transition: all 0.3s;
}

.gform_wrapper form .gform_body .gform_fields .gfield.gfield--type-images .ginput_container_checkbox .gfield_checkbox .gchoice input:checked + label img {
    border-color: #014884
   
}

.gform_wrapper form .gform_body .gform_fields .gfield:not(.gfield--type-images) .ginput_container_checkbox .gfield_checkbox .gchoice input {
       border: 0;
  clip: rect(1px, 1px, 1px, 1px);
  clip-path: inset(50%);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
  word-wrap: normal !important;
}

.gform_wrapper form .gform_body .gform_fields .gfield:not(.gfield--type-images) .ginput_container_checkbox .gfield_checkbox .gchoice label {
    display: block;
    background: #ffffff;
    color: #000000;
    padding: 12.5px 15px;
    border-radius: 5px;
    line-height: 1.25;
    cursor: pointer;
}

.gform_wrapper form .gform_body .gform_fields .gfield:not(.gfield--type-images) .ginput_container_checkbox .gfield_checkbox .gchoice input:checked + label {
    background-color: #014884;
    color: #ffffff
}



.gform_wrapper form .gform_body .gform_fields .gfield .gform_drop_area {
    background: #ffffff;
   /* border: 1px dashed #C1C1C1;*/
    border-radius: 10px;
    margin-bottom: 7.5px;
    padding: 30px 15px;
    text-align: center;
}

.gform_wrapper form .gform_body .gform_fields .gfield .gform_drop_area .gform_drop_instructions {
       display: inline-block;
    color: #C1C1C1;
    font-size: 14px;
    margin-bottom: 7.5px;
}

.gform_wrapper form .gform_body .gform_fields .gfield .gform_drop_area .gform_drop_instructions:before {
        content: url(images/upload.svg);

    vertical-align: -5px;
    margin-right: 1.5px;
    width: 15px;
    display: inline-block;
}

.gform_wrapper form .gform_body .gform_fields .gfield .gform_drop_area .gform_button_select_files {
        background: #C1C1C1;
    padding: 7.5px 12.5px;
    display: block;
    margin-left: auto;
    margin-right: auto;
}

.gform_wrapper form .gform_body .gform_fields .gfield .gform_fileupload_rules {
  font-size: 14px;
}

.gform_wrapper form .gform_body .gform_fields .gfield .ginput_preview_list {
    margin-top: 15px;
    font-size: 14px;
    color: #ffffff
}

.gform_wrapper form .gform_body .gform_fields .gfield .ginput_preview_list .ginput_preview > :not(.gform_delete_file) {
    display: none;
}

.gform_wrapper form .gform_body .gform_fields .gfield .ginput_preview_list .ginput_preview .gform_delete_file {
        margin: 0;
    padding: 0;
    cursor: pointer;
    color: #ffffff;
}

.gform_wrapper form .gform_body .gform_fields .gfield .ginput_preview_list .ginput_preview .gform_delete_file .dashicons {
        vertical-align: middle;
    margin-right: 5px;
}





.gform_wrapper form .gform_body .gform_fields .gfield .ginput_container_consent {
    display: block;
    margin-bottom: 0;
    position: relative;
}


.gform_wrapper form .gform_body .gform_fields .gfield .ginput_container_consent input{
     border: 0;
  clip: rect(1px, 1px, 1px, 1px);
  clip-path: inset(50%);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
  word-wrap: normal !important;
}




.gform_wrapper form .gform_body .gform_fields .gfield .ginput_container_consent label {
   position: relative;
    margin-bottom: 0;
    padding-left: 30px;
    cursor: pointer;
    line-height: 1.5;
        font-weight: 400;
}


.gform_wrapper form .gform_body .gform_fields .gfield .ginput_container_consent label:before{
    content: '';
    width: 20px;
    height: 20px;
    display: inline-block;
    margin-right: 7.5px;
    background: #ffffff;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
    border-radius: 5px;
    position: absolute;
    left: 0;
    top: 3px;

}



.gform_wrapper form .gform_body .gform_fields .gfield .ginput_container_consent input:checked + label:before{
       background:#e30713;
    border-color: #e30713;
}




.gform_wrapper form .gform_body .gform_fields .gfield .gfield_validation_message {
        color: #e73039;
    margin-top: 10px;
}

.gform_wrapper form .gform_body .gform_fields .gfield.gform_validation_container,
.gform_wrapper form .gform_body .gform_fields .gfield.gfield_visibility_hidden {
    border: 0;
  clip: rect(1px, 1px, 1px, 1px);
  clip-path: inset(50%);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
  word-wrap: normal !important;
}

.gform_wrapper form .gform_body .gform_page_footer {
    display: -ms-flexbox ;
    display: flex ;
        margin-top: 22.5px;
}

.gform_wrapper form .gform_body .gform_page_footer :is(.gform_next_button,.gform_button) {
    margin-left: auto
}

.gform_wrapper form .gform_body .gform_page_footer img {
    width: 15px;
    display: inline-block;
}






footer {
        background: #014884;
    padding: 15px 22.5px;
    border-radius: 0 0 10px 10px;
    text-align: center;
    font-size: 16px;
    font-weight: 500
}

footer p {
    margin-bottom: 0
}

footer p  a{
   text-decoration: underline;
}


/* Responsive */

@media (max-width: 1800px) {
  
}

@media (max-width: 1600px) {

}

@media (max-width: 1400px) {
   
}

@media (max-width: 991.98px) {

    .gform_wrapper form .gform_body .gform_fields .gfield.gfield--width-half {
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
    }


}





@keyframes bounceIn{
  0%{
    opacity: 0;
    transform: scale(0.3) translate3d(0,0,0);
  }
  50%{
    opacity: 0.9;
    transform: scale(1.1);
  }
  80%{
    opacity: 1;
    transform: scale(0.89);
  }
  100%{
    opacity: 1;
    transform: scale(1) translate3d(0,0,0);
  }
}