/*
Theme name: KWESST Website
Description: Custom Theme
*/

/*
	Source SCSS styles are located in resources/scss/
	The compiled bundle is saved to `dist/index.${fingerprint}.css`
	(dist/manifest.json provides the exact path mapping).

	The DEVELOPMENT.md file contains instructions how to get the build
	process up & running.

	If you need to make a quick fix, feel free to add CSS
	below this comment -- it's loaded after the compiled bundle.
*/


.footer__address p {
	line-height: 10px;
	margin-top: 12px;
}
.wpforms-field-label {
	color: #FFFFFF !important;
}

.wpforms-container.wpf-center {
    margin: 0 auto !important;
    max-width: 500px !important;
    width: 500px !important;
}

@media only screen and (max-width: 600px) {
.wpforms-container.wpf-center {
        max-width: unset !important;
        width: auto !important;
    }
}
@media screen and (max-width: 767px){
	.list-item {
	padding-top: 25px;
}
}

@media only screen and (max-width: 783px) {

	#formbox,form#forminator-module-4991 {
		max-width:unset!important;
		width:auto!important;
	}
}
@media only screen and (min-width: 783px){
	#formbox,form#forminator-module-4991{
		max-width:783px!important;
}
}

.wpforms-form button[type=submit] {
	width:100%;
    background-color:#e22827 !important;
    border-color: #e22827 !important;
    color: #fff !important;
    transition: background 0.3s ease-in-out;
}
.wpforms-form button[type=submit]:hover {
    background-color: #D03C32 !important;
}
ul.wp-block-list, ol.wp-block-list{
	padding-left: 2.5em;
	list-style-position: outside;
}
.section__content p{
	padding-bottom: 2rem;
}
.section .section__content p{
	margin-bottom:2rem;
}
#add-item,#remove-item{
	background-color: #e22827;
	color: #fff;
	font-size: 16px;
	font-weight: 500;
	padding: 10px;
	border:#e22827;
	border-radius: 2px;
	width: 100%;
	display: inline-block;
	text-align: center;
	font-family: inherit;
}
.forminator-grouped-fields{
	padding-bottom: 0px!important;
}
#formbox{
	max-width: 50%;
	margin: auto;
	text-align: left;
}
.forminator-row.forminator-row-last .forminator-col .forminator-field .forminator-button-submit.formSubmit.formSubmit{
	width: 100%;
	box-sizing: border-box;
}

.centered, .centered::after{
	display:block;
	margin: auto;
	text-align: center;
	width: max-content;
}
.centered-form-field{
	margin: auto;
	text-align:center;
	max-width:600px;
}
.hidden,.hidden.forminator-col {
	display: none !important;
	
  }
.forminator-field.hidden,
.forminator-field.hidden ~ label,
.forminator-row .forminator-field.hidden,
.forminator-row .forminator-field.hidden ~ label {
	display: none !important;
  }
.padded{
	padding-top:60px;
}
body.post-template-default div.wrapper div.wrapper__inner div.main section.hero div.shell.shell--large div.hero__head{
	display:flex-block;
	margin: auto;
	text-align: center;
	max-width:100%;
}

body.post-template-default div.wrapper div.wrapper__inner div.main section.hero div.shell.shell--large div.hero__head::after,
body.post-template-default div.wrapper div.wrapper__inner div.main section.section div.shell div.section__head.section__head--alt{
	display:none!important;
}
body.post-template-default div.wrapper div.wrapper__inner div.main section.hero div.shell.shell--large div.hero__head h2{
	max-width:100%;
}
.img-box
 {
    display: grid;
    place-items: center;
    border-radius: 2px;
    padding: 2.3rem 11.4rem;
}
.list-item{
	
}
.whitepaper-link{
	color:#e22827;
}
.exec-name{
	font-weight: bold;
	font-size:1.1em;
	padding-bottom:10px;
	margin: 0;
}
.about-us-title{
	padding-bottom:40px;
	padding-top:10px;
    font-weight: 600;
	font-family: Barlow Condensed, Helvetica Neue, Helvetica, Arial, sans-serif;
}
.job-title{
	color:#ef4822;
	font-weight: 500;
	font-size:1em;
}
.link-no-underline{

}
.accordion, .accordion--hero,.accordion--header{
	margin: 0!important; 
	padding: 0!important;
}

.paging--stacked {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 12px;
  margin: 40px 0;
}

.paging__jump-wrap select {
  padding: 8px 14px;
  border: 1px solid #ccc;
  border-radius: 4px;
  background-color: #fff;
  cursor: pointer;
  font-size: 15px;
}

.paging__jump-wrap select:hover,
.paging__jump-wrap select:focus {
  border-color: #000;
  outline: none;
}