@import url("https://fonts.googleapis.com/css?family=Source+Sans+Pro:300,300i,400,400i|Lato:400,400i,700,700i|Mogra|Suez+One&display=swap&subset=latin-ext");

html, body, div, span, applet, object,
iframe, h1, h2, h3, h4, h5, h6, p, blockquote,
pre, a, abbr, acronym, address, big, cite,
code, del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var, b,
u, i, center, dl, dt, dd, ol, ul, li, fieldset,
form, label, legend, table, caption, tbody,
tfoot, thead, tr, th, td, article, aside,
canvas, details, embed, figure, figcaption,
footer, header, hgroup, menu, nav, output, ruby,
section, summary, time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}

body, input, select, textarea {
		font-family: "Source Sans Pro", Helvetica, sans-serif;
		font-size: 1rem;
		font-weight: 300;
		line-height: 1.65;
		background-color: #575756;
		color: #575756;
}

h1 {
	font-size: 3.5rem;
	line-height: 1.2;
}

h2 {
	font-size: 1.5rem;
	font-weight:normal;
}

h3 {
	font-size: 1.3rem;
	font-weight:bold;
}

h4 {
	font-size: 1.1rem;
}

h5 {
	font-size: 0.9rem;
}

h6 {
	font-size: 0.7rem;
}

sub {
	font-size: 0.8rem;
	position: relative;
	top: 0.5rem;
}

sup {
	font-size: 0.8rem;
	position: relative;
	top: -0.5rem;
}

.text-center {
	text-align: center;
}

.uppercase {
    text-transform: uppercase;
}

* {
  box-sizing: border-box;
}

.row {
    display: flex;
    flex-direction: row;
    align-items: stretch;
    overflow: hidden;
    margin: 1%;
}

.column.left {
    width: 65%;
    margin-left: 3%;
}

.column.right {
    margin-left: 2%;
    width: 30%;
}

.red-gradient {
	background: rgb(227,6,19);
	background: linear-gradient(90deg, rgba(227,6,19,1) 0%, rgba(156,16,6,1) 100%);
	color: #FFFFFF;
}

.light-bg {
    background-color: #f7f5f0;
    padding-bottom: 2%;
}

.grey {
	background: #E3E3E3;
}

.container {
    padding: 0 10%;
}

.main-content {
    font-family: 'Lato', sans-serif;
}

.main-content ul {
    margin-left: 1rem;
}

.main-content h2 {
    font-family: 'Suez One', serif;
    color: #ab090d;
    text-transform: uppercase;
    text-align: center;
}

.main-content tr, .main-content td {
    margin: 0;
    padding: 0;
}



.main-content td:nth-child(2n+1) {
    text-align: right;
    font-family: 'Mogra', cursive;
    text-transform: uppercase;
    color: #ab090d;
    white-space: nowrap;
}

.main-content td:nth-child(2n) {
    text-align: justify;
    padding-left: 1rem;
}
.bg-chmel {
    background-image: url('../content/design/bg-chmel.png');    
    background-repeat: no-repeat;
    background-size: 100% 100%;
    padding-top: 2%;
}

    .bg-chmel h1 {
        font-family: 'Suez One', serif;
        font-size: 1.6rem;
        margin-bottom: 2rem;
    }


    
    .bg-chmel table {
        max-width: 75%;
        margin: 0 auto;
    }
    .bg-chmel p:last-child {
        max-width: 60%;
        margin: 0 auto;
        padding-bottom: 1rem;
    }

.form {
	padding: 1.5rem;
	padding-bottom: 3rem;
	font-size: 1.3rem;
}
	.form > h2 {
		margin: 2rem 0 3rem 0;
		font-family: 'Suez One', serif;
		text-transform: uppercase;
		font-weight: normal;
	}
	
	.form h3 {
		margin-bottom: 1.5rem;
	}
	
	.form .input-box {
		width: 100%;
		margin-bottom: 2.5rem;
	}
	
	.form input, .form select, .form button, .form label {
	    font-weight: bold;
	}
	
	.form input, .form select, .form button {
		border: none;
		padding: 0.5rem 1.5rem;
	}
		.form .input-box input {
			background: #FFFFFF;
			color: #898787;
			width: 100%;
		}
		
		.form .input-button input {
			background: #BDCF24;
			color: #FFFFFF;
		}

	.form input[type=radio].with-font {
		border: 0;
		clip: rect(0 0 0 0);
		height: 1px;
		margin: -1px;
		overflow: hidden;
		padding: 0;
		position: absolute;
		width: 1px;
	}
    
	.form input[type=radio].with-font + label:before {
		font-family: FontAwesome;
		display: inline-block;
		content: "\f0c8";
		letter-spacing: 10px;
		font-size: 1.2em;
		color: #FFFFFF;
	}
	.form input[type=radio].with-font:checked + label:before {
		content: "\f14a";
		font-size: 1.2em;
		color: #f7f5f0;
	}
	.form input[type=radio].with-font:focus + label:before {
		font-weight: bold;
	}
	
	.form input[type=submit] {
	    cursor: pointer;
	    font-size: 1.3rem;
	}

.radio-list {
    margin-top: 4rem;
}

    .radio-list .radio-item {
        margin-bottom: 2rem;    
    }

.errors {
    list-style: none;
    margin: 0;
    padding: 0;
}

.errors li {
			color: #D8000C;
			background-color: #FFBABA;
			border-radius: 0 0 4px 4px;
			padding: 4px;
			font-weight: normal;
		}
	

.alert {
    position: relative;
    padding: .75rem 1.25rem;
    margin-bottom: 1rem;
    border: 1px solid transparent;
    border-radius: .25rem;
}
.alert-info {
    color: #155724;
    background-color: #d4edda;
    border-color: #c3e6cb;
}

.alert-error {
    color: #721c24;
    background-color: #f8d7da;
    border-color: #f5c6cb;
}

textarea.details-text-area {
    width: 100% !important;
    background-color: #fff;
}

.dropdown-box select {
    width: 100% !important;
    background-color: #fff;
}
	
/* Responsive layout - makes the two columns stack on top of each other instead of next to each other */
@media screen and (max-width: 980px) {
  .row {
      flex-direction: column;
  }
  .column.left, .column.right {
    width: 100%;
    margin: 0 1%;
  }
  
  .form {
	padding: 2rem;
  }

}