.slideshow_button {
    background: #7aac4f;
    opacity: 1;
    padding: 10px 20px 10px 20px;
    box-shadow: none;
    border-width: 0px;
    border-style: solid;
    border-color: #000000;
    border-color: RGBA(0,0,0,1);
    border-radius: 5px;
  color:#FFF;
  font-size: 14px;
}


.t4-navbar .navbar {float: right !important}
.t4-section-inner.container-fluid .header-block {padding: 0 0; !important}



/* ============================================= */
/*              PAGE               */
/* ============================================= */
.blog .blog-items .blog-item, .blog-featured .blog-items .blog-item {
    margin-bottom: 0 !important;} /* disable white space before footer */
.t4-main-body {padding-bottom:0 !important}
.mobile {display: block} /* To display something on mobile phones only */
.break-out{
  width:99.5vw;
  position: relative;
  left: calc(-1 * (100vw - 100%) / 2);
  overflow:hidden !important;
}
.break-out-darkbk {padding-left:0px !important; padding-right:0px!important;}
hr {border-top: 1px solid #DFCD88!important;}
.page-header h2 {color: #6c757d!important; font-size:50px !important; font-weight:bold !important}/*used for page header*/}
h1 {color: #7aac4f;}
h2 {color: #1b3b2f;} 
h3 {color: #7aac4f;}
h4 {color: #1b3b2f;}
h5 {color: #7aac4f;}

a {color: #02214F;}

/* ============================================= */
/*           EQUAL RESPONSIVE COLUMNS            */
/* ============================================= */
 
@media screen and (min-width: 576px){
       
  .equalflow {display} 
  
  .paraflow {column-count: 2; margin-top:20px; margin-bottom:20px; column-gap:2rem} 
  .paraflow :first-child{margin-top:0 !important;}
  .paraflow :last-child{margin-bottom:0 !important;}

}


/* ============================================= */
/*          FLEXIBLE BACKGROUND IMAGES           */
/*     Images stretch and shrink in a column     */
/* ============================================= */

/* This is the class to add to the row*/
.row.display-flex {display: flex;}

/* This is the class that must be used on the column using the background image */
.fitpic { background-size: cover !important; width: 100%; height: 100%; background-position: center center; }

/* Add this code to @Media statements  */
@media (max-width: 767px){ 
  .phone-height {height: 300px !important; max-height: 300px !important; margin-bottom:15px; margin-left: 0px; margin-right: 0px }
}


/* Change ORDER OF COLUMNS in small screens */
@media (max-width: 767px) {
  .first {flex: 1 100%;}
  .last {flex: 1 100% ;}
  .row {display: flex; flex-wrap: wrap;}
  .row > .first {order: 1;}
  .row > .last {order: 2;}
}


/* ============================================= */
/*          FOOTER           */
/* ============================================= */
.t4-footer .container {padding-bottom:0 !important}
/*.t4-footer {background-color:#00172b!important}*/
.hr-footer {border-top: 1px solid #FFFFFF!important;}
.t4-footer a {color:#ffffff !important}

* == SCREEN SIZE ADJUSTMENTS == */

/* == Phone Portrait (Extra Small) 
NB some media queries will not work: No media query for `xs` since this is the default in Bootstrap*/
@media (max-width: 575px) { 
.t4-header {height: 70px !important;} /* nav bar height*/
.contact {font-size:18px !important; }

}

/* == Phone Landscape (Small) == */
@media (min-width: 576px) and (max-width: 767px) {  
.t4-header {height: 90px !important;} /* nav bar height*/
.contact {font-size:18px !important; margin-top:10px}
.contact_email {padding-right:10px !important}
.t4-main-body {padding-top: 0; padding-bottom: 0;} /* Remove white space between Testimonials & Footer */


}

/* == Tablet Portrait (Medium) == */
@media (min-width:768px) and (max-width: 991px) {
.t4-header {height: 100px !important;} /* nav bar height*/
.contact {font-size:20px !important;  margin-top:10px}
.contact_email {padding-right:10px !important}
.mobile {display: none !important} To display something on mobile phones only */
 
}

/* == Tablet Landscape (Large) == */
@media (min-width:992px) and (max-width: 1199px) {
.t4-header {height: 100px !important;} /* nav bar height*/
.contact {font-size:25px !important; margin-top:10px}
.contact_email {padding-right:10px !important}
.mobile {display: none !important} To display something on mobile phones only */
}

/* == Tablet Landscape (Extra Large) == */
@media (min-width:1200px) {
.t4-header {height: 100px !important;} /* nav bar height*/
.contact {font-size:25px;  margin-top:10px} 
.contact_email {padding-right:10px !important}
.mobile {display: none !important} To display something on mobile phones only */
}

/* =======Print ======= */
@media print {
  #t4-header {margin-top:10px !important; margin-bottom:10px!important}
  #t4-slideshow, .n2-section-smartslider {display:none !important}
    .container-fluid { 
      width: 100% !important;
      height: 100% !important; 
      padding-left: 0 !important;
      padding-right: 0 !important;
      margin-left: 0 !important;
      margin-right: 0 !important;}
  
 .break-out{ max-width: 200vw !important; position: relative;  left: 0px !important; }  
  .col-md-12 {width: 100% !important;}
	.col-md-11 {width: 91.66666666666666% !important;}
	.col-md-10 { width: 83.33333333333334% !important;}
	.col-md-9 {width: 75%;}
	.col-md-8 {width: 66.66666666666666% !important;}
	.col-md-7 {width: 58.333333333333336% !important;}
	.col-md-6 {width: 50%;}
	.col-md-5 {width: 41.66666666666667% !important;}
	.col-md-4 {width: 33.33333333333333% !important;}
	.col-md-3 {width: 25% !important;}
	.col-md-2 {width: 16.666666666666664% !important;}
	.col-md-1 {width: 8.333333333333332% !important;}

 body {font-size: 15px; font-family: Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;}
  a[href]:after {content: none !important;}/*stops all links showing as URLs - Bootstrap*/
  .noprint {display:none}

 /*Force Left-Right background imapges to print: but not background to footer */ 
  
   * {
    -webkit-print-color-adjust: exact !important; /*Chrome, Safari */
    color-adjust: exact !important;  /*Firefox*/
  }
  
  /*.t4-footer {background: #FFFFFF !important; color:#000000 !important; }
  .t4-footer a {color:#000000}*/
  .t4-footer {display:none}
}