/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Apr 15 2020 | 03:08:02 */
/* remove border next to hamburger menu */
.ascend #header-outer[data-full-width="true"] #top nav ul .slide-out-widget-area-toggle a {
  	border: none !important;
}

.custom-font {
  	font-family: "eurostile"!important;
}

/* body p tags */
.wpb_wrapper p {
	font-family: "Raleway" !important;
	line-height: 30px;
  	color: #999 !important;
  font-size: 18px;
}

.testimonial_slider p {
  	color: #fff !important;
}

/* main heading */
.container h2 {
	font-family: "Rufina" !important;
	line-height: 30px;
  	color: #000a7d !important;
}


.top-level h2 {
  	color: #ffffff !important;
  	line-height: 45px;
}

.top-level h5 {
  	letter-spacing: 4px;
}

#cf7md-form .mdc-button {
	height: auto;
    min-height: 40px;
    max-height: 40px;
}


.mdc-notched-outline__leading,
.mdc-notched-outline__notch, 
.mdc-notched-outline__trailing {
	border: none !important;
}


.wpcf7-submit {
    line-height: 8px !important;
}

.wpb_wrapper i[class*="fa-"]:hover {
  color: #000a7d !important;
}
#footer-outer i[class*="fa-"]:hover {
  color: #fff !important;
}

.awsm-z-index {
  	z-index: 9999;
}


/* Add image to offcanvas menu */
#slide-out-widget-area.fullscreen .inner-wrap, #slide-out-widget-area.fullscreen-alt .inner-wrap {
    background-size: cover!important;
    background-position: center!important;
    background-image: url(/wp-content/uploads/2020/04/bg_cooke_construction_tilt_panels_waterloo_2019_momac_small_35.png)!important;
}

/* off canvas menu */
#slide-out-widget-area .inner {
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
}
.off-canvas-menu-container {
    text-align: center !important;
    background: #ffffff !important;
    width: 25% !important;
  	min-width:300px!important;
    padding: 40px !important;
    border: 8px solid white !important;
    border-radius: 16px !important;
    box-shadow: 4px 4px 8px #0000003d !important;
}


.row .col h3, .row .col h4 {
  margin-bottom: 8px;
  line-height:40px;
}




/* Header text */
@media only screen and (max-width:700px){
  h4.head-font{
  	font-size:18pt!important;
    font-weight:100!important;
    text-align:left!important;
  }
  h1.sub-heading{
  	text-align: left!important;
  	font-family: "Rufina", sans-serif!important;
  }
  .home-header-social a:hover{
    color:#FFF!important;
  }
}

body #slide-out-widget-area.fullscreen-alt .inner .off-canvas-menu-container li a {
  font-size: 33px !important;
  line-height: 22px !important;
}

@media only screen and (max-width:1280px){
    /* fix off canvas uglyness */
    body #slide-out-widget-area.fullscreen-alt .inner .off-canvas-menu-container li a {
        font-size: 28px !important;
        line-height: 22px !important;
    }
}