/*
Theme Name: Rosa 2 Child
Theme URI: https://demos.pixelgrade.com/rosa2
Author: Pixelgrade
Author URI: https://pixelgrade.com
Description: ROSA is an enchanting and easy-to-use parallax Restaurant WordPress theme that allows you to tell your story in a dynamic, narrative and enjoyable way, making it perfect for restaurants, bakeries, bars or coffee shops.
Template: rosa2
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: rosa2-child-theme
Tags: custom-background, custom-logo, custom-menu, featured-images, threaded-comments, fluid-layout, responsive-layout, parallax, translation-ready, restaurant

*/

/* ADD YOUR NEW CSS RULES HERE */

/* This file assumes you wish to add new CSS rules that will overwrite the ones in the parent's CSS files
If you wish however, you can copy the whole style.css file from the parent here and hack at it - see functions.php for more details.
In that case please remember that you still need to retain the header above (replace the header of the parent style.css with the one above),
specifically the 'Template: rosa2' line. */
.site-footer h3, .site-footer p,
.site-footer a {
	color:  #ffffff !important;
}
.site-footer a {
	text-decoration: underline !important;
}

.novablocks-navigation .menu>ul a, .novablocks-navigation ul.menu a {
	font-size: 18px !important;
}

.wp-block-button.is-style-primary .wp-block-button__link[class]:before,
.wp-block-button:not(.is-style-text) .wp-block-button__link:not([disabled]),
.wpforms-submit,
input[type="submit"] {
	background: #d22e26 !important;
	color: #ffffff !important;
	border: none !important;
	border-radius: 50px !important;
}

.wp-block-button:not([class*="is-style"]) .wp-block-button__link:not(.has-background):before,
.wpforms-submit:before,
input[type="submit"]:before{
	display:  none !important;
}

footer {
	background: #212b49 !important;
}

.site-footer__inner-container .wp-block-group.alignfull.sm-palette-1.sm-variation-10.is-style-darker.has-white-color.has-text-color.sm-dark {
	padding-bottom: 10px !important;
}

.site-footer__inner-container .wp-block-group.alignfull.sm-palette-1.sm-variation-9.is-style-dark.sm-dark {
	padding-bottom: 40px !important;
}

.calendarista ol.nav.nav-tabs.card-header-tabs li.nav-item {
	margin: 0;
}

.calendarista .btn-primary {
	background: #d22e26 !important;
    color: #ffffff !important;
    border: none !important;
    border-radius: 50px !important;
    padding: var(--theme-button-padding)!important;
}

.calendarista .nav-link.nav-link-enabled {
	color:  #d22e26 !important;
}

div.calendarista-datepicker .ui-datepicker-header.ui-widget-header {
	    border: 1px solid #d22e26 !important;
    background: #d22e26 !important;
}

div.calendarista-datepicker .ui-state-default, div.calendarista-datepicker .ui-widget-content .ui-state-default, div.calendarista-datepicker .ui-widget-header .ui-state-default, div.calendarista-datepicker .ui-button, div.calendarista-datepicker .ui-button.ui-state-disabled:hover, div.calendarista-datepicker .ui-button.ui-state-disabled:active {
	    background: #ec5f58 !important;
	    color:  #ffffff !important;
}

.calendarista .alert-primary {
	color:  #ffffff !important;
	background-color:  #34394b !important;
}

.calendarista-typography--subtitle4 {
	line-height: 1.5em !important;
}

.calendarista-alert-confirmation .calendarista-typography--subtitle4 a {
	font-size: .75em !important;
	color:  #d22e26 !important;
}

.form-check .form-check-label {
	font-size:  0.75em !important;
}

.calendarista .form-check .form-check-input {
	margin-left: -2.3em !important;
	margin-top:  0 !important;
}
/*
.contactformulier {
	background-color:  #f1f1f1;
}*/

.sgpb-main-html-content-wrapper {
	padding: 10px;
}

.sgpb-main-html-content-wrapper h2,
.sgpb-main-html-content-wrapper p {
	text-align: center;
}

.gform_wrapper.gravity-theme input[type=color], .gform_wrapper.gravity-theme input[type=date], .gform_wrapper.gravity-theme input[type=datetime-local], .gform_wrapper.gravity-theme input[type=datetime], .gform_wrapper.gravity-theme input[type=email], .gform_wrapper.gravity-theme input[type=month], .gform_wrapper.gravity-theme input[type=number], .gform_wrapper.gravity-theme input[type=password], .gform_wrapper.gravity-theme input[type=search], .gform_wrapper.gravity-theme input[type=tel], .gform_wrapper.gravity-theme input[type=text], .gform_wrapper.gravity-theme input[type=time], .gform_wrapper.gravity-theme input[type=url], .gform_wrapper.gravity-theme input[type=week], .gform_wrapper.gravity-theme select {
	border: 1px solid #212b49 !important;
	height:  50px;
	line-height: 50px;
	padding: 0 10px 0 10px;
}

.gform_wrapper.gravity-theme textarea {
		border: 1px solid #212b49 !important;
	min-height:  150px;
	line-height: 20px;
	padding: 0 10px 0 10px;
}

.ginput_container.ginput_container_consent label {
	    font-size: 16px;
    font-weight: 700;
    margin-bottom: 8px;
    display: inline-block;
    padding: 0;
}

.ginput_container.ginput_container_fileupload {
	position: relative;
}

.ginput_container.ginput_container_fileupload input[type=file]::-webkit-file-upload-button {
visibility: hidden;
}

.ginput_container.ginput_container_fileupload input[type=file]::before {
  content: 'Kies jouw CV';
  display: inline-block;
  border: 1px solid #212b49;
  padding:  0 20px;
  height:  50px;
  line-height: 50px;
  outline: none;
  white-space: nowrap;
  -webkit-user-select: none;
  cursor: pointer;
  position: absolute;
  top: 0;
	font-size: 16px;
	font-weight: 700;
}
.ginput_container.ginput_container_fileupload input[type=file]:hover::before {
  border-color: black;
}
.ginput_container.ginput_container_fileupload input[type=file]:active::before {
  background: -webkit-linear-gradient(top, #e3e3e3, #f9f9f9);
}

.novablocks-navigation .sub-menu {
	width: auto;
}
@media only screen and (max-width: 480px) {
.tarieven {
	flex-wrap:  wrap!important;
}

.tarieven .wp-block-column {
	margin: 0!important;
}

.tarieven .wp-container-3.wp-block-column {
	order:  2;
}

.tarieven .wp-container-7.wp-block-column {
	order:  1;
}

@media only screen and (max-width: 782px) {
	footer {
		padding-top: 1px !important;
	}

  .tabel_allergie table td  {
    font-size:  14px;
  }

  .tabel_allergie table td img {
  	width: 45px!important;
  }

  footer .site-footer__inner-container .wp-container-23.wp-block-columns.alignwide {
  	display: block!important;
  }

  footer .site-footer__inner-container .wp-block-group__inner-container .wp-container-20.wp-block-column {
  	width: 100%!important;
  }

	footer .wp-block-columns.wp-container-4, .wp-block-columns.wp-container-7, .wp-block-columns.wp-container-10, .wp-block-columns.wp-container-14 {
		flex-wrap: wrap !important;
	}
}