/*
Theme Name: Get Praut
Theme URI: https://getpraut.nl/
Description: Get Praut - Thema
Author: Get Praut
Author URI: https://getpraut.nl/
Version: 1.0
*/

/* =WordPress Core
-------------------------------------------------------------- */
.alignnone{margin:0}
.aligncenter,div.aligncenter{display:block;margin:5px auto 5px auto}
.alignright{float:right;margin:0 0 15px 15px}
.alignleft{float:left;margin:0 15px 15px 0}
.aligncenter{display:block;margin:5px auto 5px auto}
a img.alignright{float:right;margin:0 0 15px 15px}
a img.alignnone{margin:0}
a img.alignleft{float:left;margin:0 15px 15px 0}
a img.aligncenter{display:block;margin-left:auto;margin-right:auto}
.wp-caption{max-width:100%}
.wp-caption.alignnone{margin:0}
.wp-caption.alignleft{margin:0 15px 15px 0}
.wp-caption.alignright{margin:0 0 15px 15px}
.wp-caption img{border:0 none;height:auto;margin:0;max-width:100%;padding:0;width:auto}
.wp-caption p.wp-caption-text{font-size:11px;line-height:17px;margin:0;padding:0 4px 5px}

/* Custom CSS
-------------------------------------------------------------- */
body
{
  background-color: black;
  color: white;
}

.logo
{
	width: 200px;
    height: 50px;
}

h1
{
	display: none;
}

.image-border-radius
{
	width: 370px;
	margin-top: 50px;
	border-radius: 10px;
}

img
{
	border-radius: 10px;
}

.custom-button .gold
{
	--_btn-bg-clr: var(--gold-100);
    --_btn-bg-h-clr: var(--gold-100);
    --_btn-txt-clr: hsl(0deg 0% 2% / 1): var(--black-100);
    --_btn-txt-h-clr: var(--black-100);
}

.banner .banner-logo
{
	position: relative;
    left: -2%;
    transform: translateX(-50%);
    width: 300px;
    margin-top: 75px;
}

.banner img
{
	margin-left: 25% !important;
    width: 75% !important;
}

.banner
{
	position: relative;
    height: 50vw;
}

.banner::before
{
	content: '';
	position: absolute;
	right: 0;
	width: 75%;
	background-image: linear-gradient(to right, black, transparent 40%);
	height: 100%;
	z-index: 2;
}

.banner-wrap
{
	margin-left: 10%;
}

.wp-block-heading a
{
	text-decoration: none;
    color: white;
}

.wp-block-heading-1
{
	font-family: cursive;
	font-size: 20pt;
	margin-left: -100%;
	color: white !important;
}

.wp-block-heading-2
{
	font-family: arial;
	font-size: 16pt;
	font-weight: 700;
	padding-bottom: 50px;
	margin-left: -100%;
	color: white !important;
}

.custom-button
{
	margin-left: -100% !important;
}

.home-logo
{
	margin-left: auto !important;
    margin-right: auto !important;
}

.heading
{
	text-decoration: underline;
	text-decoration-color: hsl(38.71deg 52.99% 54.12%);
    font-family: fantasy, arial;
}

.heading-top
{
	margin-top: 50px;
}

.heading-home
{
	text-decoration: underline;
	text-decoration-color: hsl(38.71deg 52.99% 54.12%);
	font-family: emoji, sans-serif;
}

.heading-over
{
	text-decoration: underline;
	text-decoration-color: hsl(38.71deg 52.99% 54.12%);
	margin-top: 50px;
    padding-bottom: 25px;
	font-family: emoji, sans-serif;
}

.paragraaf-home
{
    font-family: Courier New;
}

.paragraaf-home-2
{
	font-family: Courier New;
}

.paragraaf-over
{
    margin-top: 10px;
    font-family: Courier New;
}

li::marker
{
	color: #ad8636;
	list-style-type: disc;
	font-size: 16pt;
}

.cocktail-marker-1
{
	list-style: url(https://bootstrap14.getprautdev.nl/wp-content/uploads/2025/07/cocktail-marker-v1-0-1.png);
	font-family: Courier New;
}

.cocktail-marker-2
{
	list-style: url(https://bootstrap14.getprautdev.nl/wp-content/uploads/2025/07/cocktail-marker-empty.png);
	font-family: Courier New;
}

.cocktail-marker-3
{
	list-style: url(https://bootstrap14.getprautdev.nl/wp-content/uploads/2025/07/cocktail-marker-v1-0-1.png);
	font-family: Courier New;
}

.cocktail-marker-normaal
{
	color: white;
	font-family: Courier New;
}

.wp-element-button
{
	background-color: rgb(105,105,105);
	transition-duration: 1s;
}

.wp-element-button:hover
{
	background-color: #ad8634;
	transition-duration: 1s;
}

.logo-footer-1
{
	width: 250px;
	height: 250px;
	border-radius: 10px;
}

.logo-footer-2
{
	width: 200px;
    height: 50px;
	margin-top: 10px;
}

.logo-footer-3
{
	width: 300px;
	height: 300px;
	border-radius: 10px;
	margin-top: -200px;
	margin-left: 400px;
}

.heading-footer
{
	text-decoration: underline;
    text-decoration-color: hsl(38.71deg 52.99% 54.12%);
	margin-top: 25px;
	padding-bottom: 25px;
}

.fa-brands
{
	font-size: 20pt;
	margin: 5px;
}

.wp-block-details summary
{
	cursor: pointer;
    color: black;
    background-color: #ad8636;
    padding-left: 10px;
    border-radius: 5px;
}

form
{
	margin-top: 25px;
    margin-left: 25px !important;
}

#post-182 form
{
	margin-left: 0px !important;
}

form p
{
	color: #ad8636;
}

.wpcf7-form
{
	color: white;
}

.wpcf7-text
{
	background-color: #808080;
	transition: 1s;
}

.wpcf7-text:hover
{
	background-color: #ad8636;
	transition: 1s;
}

.wpcf7-textarea
{
	background-color: #808080;
	transition: 1s;
}

.wpcf7-textarea:hover
{
	background-color: #ad8636;
	transition: 1s;
}

.wpcf7-number
{
	background-color: #808080;
	transition: 1s;
}

.wpcf7-number:hover
{
	background-color: #ad8636;
	transition: 1s;
}

.wpcf7-select
{
	background-color: #808080;
	transition: 1s;
}

.wpcf7-select:hover
{
	background-color: #ad8636;
	transition: 1s;
}

.wpcf7-form-control
{
	background-color: #000000;
    color: white;
	border-radius: 10px;
}

.wpcf7-submit
{
	max-width: 800px;
	border-radius: 10px;
	background-color: #000000;
	transition: 1s;
}

.wpcf7-submit:hover
{
	background-color: #ad8636;
	transition: 1s;
}

form a
{
	color: rgb(13 110 253);
	text-decoration: underline;
	transition: 1s;
}

form a:hover
{
	color: #aa892c;
	text-decoration: none;
	transition: 1s;
}

.socials
{
	color: #aa892c;
	transition: 1s;
	cursor: pointer;
}

.socials:hover
{
	color: white;
	transition: 1s;
	cursor: pointer;
}

.icons
{
	color: #aa892c;
}

.icons:hover
{
	color: white;
}

.information-1
{
	color: #aa892c;
}

.information-1:hover
{
	color: white;
}

.information-1 a
{
	font-family: Courier New;
	color: #ac8235;
    text-decoration: none;
}

.information-1 a:hover
{
	color: white;
    text-decoration: none;
}

.information-2
{
	font-family: Courier New;
    padding-bottom: 50px;
	color: #aa892c;
}

.information-3
{
	text-decoration: none;
    color: white !important;
    font-size: 12pt;
    font-family: Courier New;
    font-weight: 100;
}

.information-3:hover
{
	text-decoration: none;
    color: #ad8636 !important;
    font-size: 12pt;
    font-family: Courier New;
    font-weight: 100;
}

.information-4
{
	color: #aa892c !important;
}

.information-4:hover
{
	color: white !important;
}

.contact-heading
{
	margin-top: 25px;
}

.contact
{
	padding-bottom: 25px;
    margin-top: 25px;
    font-family: fantasy, arial;
    text-decoration: underline;
    text-decoration-color: #aa892c;
}

.contact-2
{
	background-color: black;
    border: 1px solid #aa892c;
    padding-bottom: 25px;
    margin-top: 25px;
	padding-left: 30px;
    border-radius: 10px;
    width: 300px;
}

.nav-link
{
	color: white;
	transition: 1s;
}

.nav-link:hover
{
	color: #aa892c;
	transition: 1s;
}

.navbar-toggler
{
	color: white;
}

.vraag-pakket
{
	color: #c89c4c;
}

.vraag-pakket form
{
	margin-left: 0px;
}

.vraag-pakket h2
{
	color: #c89c4c;
}

.vraag-pakket p
{
	color: #c89c4c;
}

#year
{
	color: #aa892c;
}

#post-182 a
{
	color: rgb(13 110 253);
	transition: 1s;
}

#post-182 a:hover
{
	text-decoration: none;
	color: #ad8636;
	transition: 1s;
}

.socials-2 a
{
	color: rgb(13 110 253) !important;
    text-decoration: underline;
    font-size: 12pt;
    font-family: arial;
    font-weight: 500;
	transition: 1s;
}

.wp-image-140
{
	width: 100%;
	height: 700px !important;
	border-radius: 10px;
}

.wp-image-141
{
	width: 100%;
	height: 700px !important;
	border-radius: 10px;
}

#post-84 a
{
	color: rgb(13 110 253);
	text-decoration: underline;
	transition: 1s;
}

#post-84 a:hover
{
	color: white;
	text-decoration: none;
	transition: 1s;
}

label
{
	max-width: 300px;
    display: block;
    width: 100%;
	font-family: Courier New;
}

input, textarea, select
{
	border: 1px solid #ad8636;
	width: 100%;
	border-radius: 5px !important;
	font-family: Courier New;
}

input::placeholder, textarea::placeholder
{
	color: #ffffff;
	font-family: Courier New;
}

/* Recaptcha Badge onzichtbaar */
.grecaptcha-badge
{
	visibility: hidden;
}

/* Small devices (landscape phones, 576px and up) */
@media (max-width: 576px)
{	
	.banner img
	{
		margin-left: 0% !important;
        width: 100% !important;
	}
	
	.banner::before
	{
		display: none;
	}

	.heading-home
	{
		text-decoration: underline;
		text-decoration-color: hsl(38.71deg 52.99% 54.12%);
	}
	
	.paragraaf-home
	{
		border: none;
		margin-left: 25px;
        padding-right: 25px;
	}
	
	.image-border-radius
	{
		width: 100%;
		border-radius: 10px;
	}
	
	.banner-logo
	{
		margin-left: 125px;
	}
	
	.wp-block-heading-1
	{
		margin-left: -50px;
	}
	
	.wp-block-heading-2
	{
		margin-left: -50px;
	}
	
	.custom-button
	{
		margin-left: -25px !important;
	}
	
	.logo-footer-3
	{
		width: 100%;
        height: 100%;
        border-radius: 10px;
	}
}