/*
Wordpress override styles + Theme custom font updates
*/
/*
@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@400;500;700&display=swap');
*/


/*
	Improved screen reader only CSS class
	@author Gaël Poupard
		@note Based on Yahoo!'s technique
		@author Thierry Koblentz
		@see https://developer.yahoo.com/blogs/ydn/clip-hidden-content-better-accessibility-53456.html
	* 1.
		@note `clip` is deprecated but works everywhere
		@see https://developer.mozilla.org/en-US/docs/Web/CSS/clip
	* 2.
		@note `clip-path` is the future-proof version, but not very well supported yet
		@see https://developer.mozilla.org/en-US/docs/Web/CSS/clip-path
		@see http://caniuse.com/#search=clip-path
		@author Yvain Liechti
		@see https://twitter.com/ryuran78/status/778943389819604992
	* 3.
		@note preventing text to be condensed
		author J. Renée Beach
		@see https://medium.com/@jessebeach/beware-smushed-off-screen-accessible-text-5952a4c2cbfe
		@note Drupal 8 goes with word-wrap: normal instead
		@see https://www.drupal.org/node/2045151
		@see http://cgit.drupalcode.org/drupal/commit/?id=5b847ea
	* 4.
		@note !important is important
		@note Obviously you wanna hide something
		@author Harry Roberts
		@see https://csswizardry.com/2016/05/the-importance-of-important/
*/

.sr-only {
	border: 0 !important;
	clip: rect(1px, 1px, 1px, 1px) !important; /* 1 */
	-webkit-clip-path: inset(50%) !important;
		clip-path: inset(50%) !important;  /* 2 */
	height: 1px !important;
	margin: -1px !important;
	overflow: hidden !important;
	padding: 0 !important;
	position: absolute !important;
	width: 1px !important;
	white-space: nowrap !important;            /* 3 */
}

/*
	Use in conjunction with .sr-only to only display content when it's focused.
	@note Useful for skip links
	@see http://www.w3.org/TR/2013/NOTE-WCAG20-TECHS-20130905/G1
	@note Based on a HTML5 Boilerplate technique, included in Bootstrap
	@note Fixed a bug with position: static on iOS 10.0.2 + VoiceOver
		@author Sylvain Pigeard
		@see https://github.com/twbs/bootstrap/issues/20732
*/
.sr-only-focusable:focus,
.sr-only-focusable:active {
	clip: auto !important;
	-webkit-clip-path: none !important;
		clip-path: none !important;
	height: auto !important;
	margin: auto !important;
	overflow: visible !important;
	width: auto !important;
	white-space: normal !important;
}


body,
button,
input,
select,
optgroup,
textarea {
  font-family: 'ProximaNova-Regular', Arial, Helvetica, sans-serif;
  font-weight: 300;
}

h1, h2, h3, h4, h5, h6 {
  font-family: 'ProximaNova-bold', Arial, Helvetica, sans-serif;
}


/* Custom Styles */

body {
  color: #2E2E2E;
}



p {
  font-size: 1.125rem;
  line-height: 1.625rem;
  margin-top: 0;
}

h1,h2,h3,h4 {
  margin-top: 0;
}

h1,h2,h3,h4,p {
  margin-bottom: .75em;
}


strong {
  font-family: "ProximaNova-bold";
	font-weight: 800;
}

h2 {
  margin-bottom: 0;
}

a {
  color: #D30022;
}
a:hover,
a:visited {
  color: #D30022;
}


#content .edit-link a {
	background: #007DB6;
	color: #ffffff;
	-webkit-transition: all 1s; /* For Safari 3.0 to 6.0 */
  transition: all 1s; /* For modern browsers */
}

iframe {
	border: none;
}

#css-main-menu a {
  text-transform: uppercase;
}
#content-wrapper {
  background: url("/wp-content/uploads/2021/07/bg.png") left top;
  background-repeat: repeat-x;
  background-size: contain;
	min-height: 455px;
}

footer.site-footer {
  /* margin-top: 0; */
}
#content {
  margin-top: 100px;

}


#header-hero-wrapper {
  background: #D30D22;
  padding: 110px 0;
}
#header-hero-wrapper .site-content {
  position: relative;
  z-index: 0;
  max-width: 1200px;
  margin: 0 auto;
  padding: 0 30px 0;
}


#header-hero-wrapper h1 {
  color: #fff;
  font-size: 2.75rem;
  line-height: 3.25rem;
  margin: 0 0 0 0;
  text-transform: uppercase;
}
#header-hero-wrapper p {
  color: #fff;
  font-size: 1.25rem;
  line-height: 2rem;
  margin: 0 0 0 0;
}



.wp-block-columns {
  margin-bottom: 0;
}

.wp-block-columns.alignfull > .wp-block-column {
  max-width: 1200px;
  margin: 0 auto;
  /*
  display: flex;
  flex-direction: column;
  position: relative;
  */
  padding-right: 35px;
  padding-left: 35px;
}

.wp-block-columns.has-background {
  padding: 0;
}

figure.wp-block-image {
  line-height: 0;
}

.wp-block-image {
  margin-bottom: 0;
}


.block-bg-white {
  background: #ffffff;
  padding: 35px;
  margin: 3rem 0;
}

.p-block-bg-grey {
  background: #F2F2F2;
  padding: 35px;
  margin: 3rem 0;
}



@media (max-width:599px) {
  .reverse-columns {
		display: flex;
		flex-direction: column-reverse;
	}
  .wp-block-image {
    margin-bottom: 1.2em;
  }
}




/* Custom  FONT Styles */


@font-face {
    font-family: 'ProximaNova-Regular';
    src: url('../../src/fonts/ProximaNova-Regular.woff2') format('woff2'),
         url('../../src/fonts/ProximaNova-Regular.woff') format('woff');
    font-weight: 400;
}

@font-face {
    font-family: 'ProximaNova-RegularIt';
    src: url('../../src/fonts/ProximaNova-RegularIt.woff2') format('woff2'),
         url('../../src/fonts/ProximaNova-RegularIt.woff') format('woff');
    font-weight: 400;
}

@font-face {
    font-family: 'ProximaNova-Bold';
    src: url('../../src/fonts/ProximaNova-Bold.woff2') format('woff2'),
         url('../../src/fonts/ProximaNova-Bold.woff') format('woff');
    font-weight: 800;
}

@font-face {
    font-family: 'ProximaNova-BoldIt';
    src: url('../../src/fonts/ProximaNova-BoldIt.woff2') format('woff2'),
         url('../../src/fonts/ProximaNova-BoldIt.woff') format('woff');
    font-weight: 800;
}



.is-style-proxima-40-bold {
  font-size: 2.5rem;
  line-height: 2.813rem;
  margin-bottom: 0;
  font-family: "ProximaNova-Bold";
}

.is-style-proxima-40-regular {
  font-size: 2.5rem;
  line-height: 2.813rem;
  margin-bottom: 0;
  font-family: "ProximaNova-Regular";
}

.is-style-28-regular {
  font-size: 1.75rem;
  line-height: 2rem;
  margin-bottom: 0;
  font-family: "ProximaNova-Regular";
}
.is-style-28-bold {
  font-size: 1.75rem;
  line-height: 2rem;
  margin-bottom: 0;
  font-family: "ProximaNova-Bold";
}
.is-style-proxima-26-bold {
  font-size: 1.625rem;
  line-height: 2.5rem;
  margin-bottom: 0;
  font-family: "ProximaNova-Bold";
}

.h2-24-bold {
  font-size: 1.5rem;
  line-height: 2rem;
  margin-bottom: 0;
  font-family: "ProximaNova-Bold";
}
.is-style-proxima-24-bold {
  font-size: 1.5rem;
  line-height: 2rem;
  margin-bottom: 0;
  margin-top: 2rem;
  font-family: "ProximaNova-Bold";
}


.has-margin-bottom-1rem {
  margin-bottom: 1rem;
}



.menu-wrapper {
  display: block;
  position: relative;
  float: right;
}

span.button {
  border-radius: 1.55em;
  box-shadow: none;
  cursor: pointer;
  display: inline-block;
  font-size: 1.125em;
  padding: .667em 2.333em;
  text-align: center;
  transition: all .3s ease-in-out;
}
span.button a{
  text-decoration: none;
  transition: all .3s ease-in-out;
}

span.button,
.is-style-button-white-bg-black-text-black-outline .wp-block-button__link {
  font-size: 0.875rem;
  line-height: 1;
  text-transform: uppercase;
  padding-top: 0.738rem;
  padding-bottom: 0.7rem;
}

span.button-white-bg-black-text-black-outline,
.is-style-button-white-bg-black-text-black-outline .wp-block-button__link {
  background: #fff;
  color: #5B6770;
  border: 2px solid #5B6770;
}

span.button-white-bg-black-text-black-outline a {
  color: #5B6770;
}

.container-is-hot:hover span.button-white-bg-black-text-black-outline,
span.button-white-bg-black-text-black-outline:hover,
.is-style-button-white-bg-black-text-black-outline  .wp-block-button__link:hover {
  background: #5B6770;
  color: #fff;
}

.container-is-hot:hover span.button-white-bg-black-text-black-outline a,
span.button-white-bg-black-text-black-outline:hover a {
  color: #fff;
}



span.button-teal-bg-white-text-white-outline {
  background: #00A6B6;
  border: 2px solid #FFF;
}
span.button-teal-bg-white-text-white-outline a {
  color: #FFF;
}
span.button-teal-bg-white-text-white-outline:hover {
  background: #FFF;
}
span.button-teal-bg-white-text-white-outline:hover a {
  color: #00A6B6;
}



.has-white-color {
	color: #FFFFFF;
}

.has-white-background-color {
	background-color: #FFFFFF;
}


.has-teal-color {
	color: #00A6B6;
}

.has-teal-background-color {
	background-color: #00A6B6;
}


.has-navy-color {
	color: #405363;
}

.has-navy-background-color {
	background-color: #405363;
}


.has-light-grey-color {
	color: #F5F5F6;
}

.has-light-grey-background-color {
	background-color: #F5F5F6;
}
















.align-horizontal-center {
  margin: 0 auto;
}




.custom-logo-link {
    height: auto;
    width: 100%;
    max-width: 230px;
    padding-top: 20px;
    padding-bottom: 5px;
    margin-left: 30px;
}


.main-menu-wrapper {
margin-bottom: 30px;
}
nav.nav-css-only .menu a {
  text-transform: capitalize;
  color: #5B6770;
  font-size: 1rem;
  line-height: 1.25rem;
  font-family: 'ProximaNova-Regular';
}
nav.nav-css-only .menu a:hover {
  color: #D30D22;
  background: #FFFFFF;
}

nav.nav-css-only li.current-menu-parent > a, nav.nav-css-only li.current-menu-item > a {


}

nav.nav-css-only li.current-menu-parent > a, nav.nav-css-only li.current-menu-item > a {
  background: #fff;
  color: #D30D22;
}


.is-style-testimony {

}

.is-style-testimony .wp-block-columns {
  justify-content: center;
}
.is-style-testimony h2 {
  margin-bottom: 0;
}

.menu-social-container ul li a {
  width: 30px;
  height: 30px;
  color: #FFF;
  background-color: #748592;
}

.site-footer .site-info {
  flex-direction: row;
  flex-wrap: wrap;
}
.site-info nav ul {
	margin-left: 0;
	padding-left: 0;
}
.site-info nav ul li {
  padding: 4px 10px 0 10px;
  margin: 0 0 0 0;
  border-right: 1px solid #FFFFFF;
}
.site-info nav ul li:last-child {
  border-right: none;
}
.site-info nav ul li a {
  font-size: 1.125rem;
  line-height: 2;
}

.site-info nav ul li a:hover {
  color: #FFFFFF;
}

/* contact page */

.form-container {
  margin-top: 60px;
  background: #FFF;
  border-radius: 10px;
  padding: 35px;
  box-shadow: 0 0 60px 0 rgba(0, 0, 0, 0.1);
}
.wpforms-field-label {
  font-weight: 400 !important;
}

.g-recaptcha > div {
  margin: 50px auto !important;
}
.wpforms-submit-container {
  text-align: center;
}
.custom-blue-button {
    border-radius: 1.55em !important;
    display: inline-block;
    font-size: 1.125em !important;
    padding: .667em 2.333em !important;
    text-align: center;
    border: 2px solid #fff !important;
    transition: all .3s ease-in-out !important;
    background: #007DB6 !important;
    color: #fff !important;
}

.custom-blue-button:hover {
  background: #FFFFFF !important;
  color: #007DB6 !important;
  border: 2px solid #007DB6 !important;
}

.wpforms-confirmation-container-full,
div[submit-success] > .wpforms-confirmation-container-full:not(.wpforms-redirection-message){
  background: #FFF;
  border-color: #FFF;
  margin: 0 auto !important;
  text-align: center;
}
/* border-radius: 1.55em; */

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

  nav.nav-css-only .toggle {
    padding: 35px;
  }
  /*
  .custom-logo-link {
    margin: 0 auto;
  }
  .site-branding {
    flex-basis: 100%;
    align-content: center;
    justify-content: center;
  }
  .main-menu-wrapper {
    text-align: center;
  }
  ul#css-main-menu {
  }
  */
}

@media screen and (max-width: 800px) {
  #header-hero-wrapper p,
  #header-hero-wrapper h1 {
    text-align: center;
  }

    .menu-footer-menu-container {
      display: flex;
      width: 100%;
      order: 1;
      justify-content: center;
      margin-bottom:20px;
    }
    .site-copyright {
      display: flex;
      width: 100%;
      order: 2;
      justify-content: center;
    }

    .footer-social-menu {
      display: flex;
      width: 100%;
      align-content: center;
      order: 0;
      margin-bottom:20px;
    }
    .site-copyright > ul,
    .footer-social-menu > div {
      margin: 0 auto;
    }

				.entry-content h2,
				.entry-content p {
				  text-align: center;
				}

}

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

  div.wpforms-container-full .wpforms-form .wpforms-one-half,
  div.wpforms-container-full .wpforms-form .wpforms-three-sixths,
  div.wpforms-container-full .wpforms-form .wpforms-two-fourths {
    width: 100%;
    margin-left: 0;
  }

  .menu-footer-menu-container {
    width: 100%;
    order: 1;
  }
  .site-copyright {
    width: 100%;
    order: 2;
    text-align: center;
  }

  .footer-social-menu {
    display: flex;
    width: 100%;
    align-content: center;
    order: 0;
  }
}

@media screen and (max-width: 400px) {
  .site-info nav ul li {
    border-right: none;
	}
}





/* A class used by the jQuery UI CSS framework for their dialogs. */
.ui-front {
		/*z-index:1000000 !important; /* The default is 100. !important overrides the default. */
}
.ui-widget-overlay {
	background: #000!important;
	opacity: .4!important;
	transition:all .3s ease;
}
.ui-widget-header {
	border: none !important;
	background: #FFF !important;
}
.ui-dialog .ui-dialog-titlebar-close {
	text-indent: -9000px !important;
	text-transform: capitalize;
	background: #000;
	border-color: #000;
}
.ui-widget-content {
	border: none !important;
}
.ui-dialog-buttonset { width: 100%; text-align: center;}
.ui-dialog-buttonset button {
	background-color: #d30d22;
	font-size:14px;
 line-height:20px;
 color:#fff;
 font-weight:400;
 text-decoration:none;
 border-radius:150px;
 padding:8px 30px;
 transition:all .3s ease;
 border:none;
 display:inline-block;
 margin:3px 4px;
 white-space:nowrap;
 text-transform:none;
 letter-spacing:0;
 cursor:pointer;
 border:1px solid #d30d22;
}
.ui-dialog-buttonset button:hover {
	color: #d30d22;
	background-color: #FFF;
}