/* Custom CSS */

html {
background-color: #425964;
}
.l-header.l-row {
background-color: #425964;
}
.pr-header {
background:transparent;
}
.pr-navbar {
background:#4797C5;
}
.site-branding__logo-img {
width: 350px;
}

img.product-art,
img.tee-img {
corner-shape: squircle; 
border-radius: 40px;
border:1px solid #dedede;
}

img.tee-img {
max-width: 300px;
height: auto;
margin: 0 0 1em 2em;
float: right;
}

button, .button {
color: #fcfcfc;
background-color: #000000;
border-color:#000000;
opacity: 0.9;
-webkit-box-shadow: 0;
box-shadow: 0;
}
button, .button:hover {
color: #000000;
background-color: #fff;
border-color:#000000;
opacity: 0.9;
-webkit-box-shadow: 0;
box-shadow: 0;
}

.button--primary {
display: inline-block;
width: auto;
height: auto;
padding: 16px 28px;
font-size: 18px;
line-height: 1.3333;
color: #FFF;
background: #3D4D32;
border: 0;
font-weight:600;
}

.button--primary:hover {
background: #425964;
color: #FFF;
font-weight:600;
}

.pr-footer {
color: #ffffff;
background-color: #425964;
}

h1,
h1.page__title {
font-family: 'Montserrat', Arial, sans-serif; 
font-optical-sizing: auto;
font-weight: 700;
font-style: normal;
}

h3 {
font-family: 'Montserrat', Arial, sans-serif; 
font-optical-sizing: auto;
font-weight: 600;
font-style: normal;
}

body, p {
font-family: 'Roboto', Arial, sans-serif; 
font-optical-sizing: auto;
font-weight: 400;
font-style: normal;
font-variation-settings:
"wdth" 100;
}

.webform-submission-form input:not([type="image"]):not([type="checkbox"]):not([type="radio"]):not([type="hidden"]),
.webform-submission-form select,
.webform-submission-form textarea,
.webform-submission-form button {
min-height: 3em;
corner-shape: squircle;
border-radius: 10px;
}

.webform-submission-form input::placeholder,
.webform-submission-form textarea::placeholder {
color: #8c8c8c;
opacity: 1;
}

.webform-submission-form select {
padding-left: 0.25em;
}

.webform-submission-form .form-type-select__select-wrapper:not(.is-multiple)::after {
top: 50%;
transform: translateY(-50%);
line-height: 1;
}
#edit-name-flex {
clear:both;
}

fieldset {
border-radius: 10px;
border: 1px solid #dedede;
padding: 1em;
}

fieldset legend {
font-weight: 600;
font-size: 1.5em;
}

/* Hide the dropdown arrow on Webform image-select fields */
.webform-type-webform-image-select .form-type-select__select-wrapper:not(.is-multiple)::after {
display: none;
}