/*  Small screens */
@media only screen {

/*************** Global **********************/
h2, h1 {letter-spacing: 0.27em;}
h2 span, .white-text h2 span {color: #1D9CD3;}
.gradient-row {background: linear-gradient(#174c74 0%, #081522 100%);}
.xtra-pad-row {padding-top: 35px; padding-bottom: 35px;}
#header-menu a {font-size: 1rem;}

/*************** HEADER **********************/
   
.tagline h1{color: #fff;  font-size: 2rem;  letter-spacing: 0.63em;}
.tagline {bottom: 75px;}
.logo-tagline {position: absolute;}
#middle-row {position: relative; z-index: 2;}
#middle-row {background: linear-gradient(#174c74 0%, #081522 100%); }
#middle-row .logo img {width: 143px; height: auto;}
.logo-tagline .logo img {filter: brightness(0) invert(1);}
.button {
font-size: 20px;
letter-spacing: 0.1em;
border-radius: 19.5px;
background: #1d9cd3;
padding: .75rem 1rem;
background-color: #1D9CD3; font-family: "Bebas Neue", sans-serif; 
}
.button:hover {background: #003260;}
.header-slideshow-image {position: relative;}
.header-slideshow-image:after {background-image: url(/wp-content/uploads/2025/12/Header-gradient.webp);  background-size: cover; content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1;}

    .home .header-slideshow-image:after {background-image: none;}
.entry-title {font-size: 2.5rem; color: #fff; letter-spacing: 0.63em;}
	.logo-tagline {
	animation: bounceInDown; /* referring directly to the animation's @keyframe declaration */
  animation-duration: 3.5s;
}
#slider-row .entry-title {
	animation: bounceInDown; /* referring directly to the animation's @keyframe declaration */
  animation-duration: 2s;
}
/*************** Content **********************/
.cta-single-inner * {
  transition: all ease .5s;
}

.contact-cta .cta-image-container img {width: 100px;}
.contact-cta .cta-heading, .icon-cta .cta-heading{font-weight: 600; text-transform: uppercase;}
.contact-cta .cta-heading {margin-top: 1rem;}
.contact-cta .cta-single-inner {margin-top: 1rem;}
.home h3 {margin-bottom: 2rem;}
.img-cta  .cta-single-inner {position: relative; background: #003260;}

.img-cta  .innerbox {
    position: absolute; 
    left: 0;
    top: 0;
    padding: 3rem 2rem;
    
}
.img-cta .cta-heading {
    font-family: "Bebas Neue";
font-size: 1.5rem;
letter-spacing: 0.1em;
color: #fff;
text-shadow: 0px 3px 6px rgba(0, 0, 0, 0.45);
margin-bottom: 2rem;
max-width: 155px;
line-height: 1;
}



.img-cta .cta-text p {color: #fff; opacity: 0; }
.img-cta .cta-text img, .icon-cta .cta-text img {width: 35px;}

.img-cta .cta-text img {opacity: 0;}

.img-cta .cta-single-inner:hover .cta-text p, .img-cta .cta-single-inner:hover .cta-text img {opacity: 1;}

.img-cta .cta-single-inner:hover .cta-image-container img {opacity: .2;}

.icon-cta .cta-image-container img {height: 100px;width: auto;}
.icon-cta .cta-single-inner {padding: 2rem;}
.icon-cta .cta-heading {margin-top: 2rem; margin-bottom: 1.5rem; color: #3E3E3E;}
.home-reviews blockquote.testimonial:before {display: none;}
.home-reviews blockquote.testimonial cite {color: #3E3E3E; font-style: normal;}
.home-reviews blockquote.testimonial cite small {font-size: 14px; font-style: italic; font-weight: 600;}
.home-reviews blockquote.testimonial {padding: 0 50px 20px 50px;}

.home-reviews .orbit-next, .home-reviews .orbit-previous {background: #1D9CD3; border-radius: 50%; padding: .65rem;}

.small-icon .cta-image-container img  {height: 60px; width: auto;}

#tertiary a.button {color: #fff;}

a.product-spec {color: #177EAB; font-size: 1rem;}

.product-spec:after {
    font-family: "Font Awesome 5 Free"; 
    font-weight: 900; 
    content: "\f0a9";
    margin-left: 10px;  
}

.bullet ul li:before {    
    font-family: "Font Awesome 5 Free"; 
    font-weight: 900; 
    content: '\f0a9';
    margin: 0 15px 0 0px;
    color: #1D9CD3;
}

.bullet ul {
  list-style-type: none;
  margin-left: 0;
}

.bullet ul li {
    margin-bottom: 8px;
}

.callout {
    background-color: #f9f9f9;
    border: none;
}

.staff-info h2, .bio-info h2 {letter-spacing: 0.17em; font-size: 1.75rem; margin-bottom: 0; color: #1D9CD3;}
.staff-info h3, .bio-info h3 {color: #3E3E3E; font-size: 18px;}
.staff-info {margin-top: 1rem;}
.team-member-archives {padding-top: 50px; padding-bottom: 50px;}
.bio-info h3 {margin-bottom: 1rem;}

#global-content-3 p {line-height: 1.72; margin-bottom: 2rem;}

blockquote.testimonial {background: transparent;}
.contact-form {background: #f9f9f9; padding: 1rem;}
#contact-page-phone-block a, #contact-page-email-block a, #contact-page-location-block a,  #contact-page-location-block address li  {color: #3E3E3E; font-style: normal;}
#contact-page-location-block .fas, #contact-page-email-block .fa, #contact-page-phone-block .fa {color: #1D9CD3;}
#contact-page-email-block .email-name {margin-left: 5px; font-size: 14px; font-weight: 500;}
	
.off-canvas .fab {color: #fff;}

/*************** Blog **********************/

.blog-title a {color: #3E3E3E; font-size: 1.5rem; font-weight: normal;}
.blog-title {letter-spacing: 0.1em;}
.blog-entry-footer {padding: 0; margin-bottom: 2rem;}
#tertiary a {
    color: #3E3E3E;
    font-weight: 600;
}
#tertiary li {
    padding: 15px 0px;
    border-bottom: 1px solid #003260;
    font-size: 1rem;
}
#tertiary .widget-title {
    padding: 10px 0;
    letter-spacing: 0.17em;
    font-size: 1.5rem;
    font-weight: normal;
}

#recent-posts-2 li:after {
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    content: "\f0a9";
    margin-left: 10px;
    color: #1D9CD3;
    float: right;
}

aside {
    background: #f9f9f9;
    padding: 1rem;
}

.blog .button {font-size: 18px;}

.blogging .entry-header h1 {color: #1D9CD3; letter-spacing: .1em; font-size: 2rem; margin-bottom: 1rem;}
/*************** Footer **********************/
.footer {text-align: center;}
.footer a, .footer p {color: #fff;}
.footer .widget .fas { color: transparent; font-size: 3rem; -webkit-text-stroke-width: 2px; -webkit-text-stroke-color: #1D9CD3; margin-bottom: 1.5rem;}
.footer .location-adress {font-style: normal;}
.footer .location-adress li {color: #fff;}
.footer .location-adress .location-name {font-weight: bold;}
.footer .logo img {filter: brightness(0) invert(1);}


.icons .fab, .icons .fa {
    height: 32px;
    line-height: 32px;
    vertical-align: middle;
    width: 36px;
    color: #3E3E3E; 
    font-size: 20px; 
}

.icons .fa {margin-left: 10px;}

.icons .fab:before, .icons .fa:before {
display: flex;
 justify-content: center;
    text-align: center;
    width: 32px;
    background-color: #fff;
    border-radius: 50%;
    height: 32px;
    align-items: center;
}
.icons {
    display: flex;
   align-items: center;
   justify-content: center;
   margin-top: 1rem;
}

#global-content-3 {text-align: center;}
/*************** Animations **********************/

.bio-image {
	animation: rotateIn; /* referring directly to the animation's @keyframe declaration */
  animation-duration: 1s;
}

	#tertiary .widget {
		animation:fadeInLeft;
		animation-duration: 1s;
	}

} /* Define mobile styles */

@media only screen and (max-width: 40em) {
.small-only-float-left {float: left !important;}	
.small-only-float-right {float: right !important;}
.small-only-float-center {display: block; margin-right: auto; margin-left: auto;}
.text-center-small {text-align: center;}
.small-align-center {-ms-flex-pack: center; justify-content: center;}
.widget-container, #top-row, .tagline, .text-right{text-align: center;}
img.alignright, img.alignleft{float: none !important;display: block;margin: 0 auto;	}

.collapse .wrapper, .img-cta .column {padding: 0;}
.tagline, #title-row {background-color: #003260; text-align: center; width: 100%; padding: 10px;}
.tagline h1, .entry-title {letter-spacing: .33em; font-size: 2rem;}


} /* max-width 640px, mobile-only styles, use when QAing mobile issues */

/*  Medium screens */
@media only screen and (min-width: 40.063em) {

 .tagline{position: absolute; }
 #title-row {position: absolute; z-index: 2; text-align: center;}
 } /* min-width 641px, medium screens */

@media only screen and (min-width: 40.063em) and (max-width: 63.938em) {
.medium-float-left {float: left !important;}	
.medium-float-right {float: right !important;}
.text-center-medium {text-align: center;}
.medium-align-center {-ms-flex-pack: center; justify-content: center;}
.collapse .wrapper {padding-left: 0; padding-right: 0;}
.entry-title {font-size: 2rem; letter-spacing: .3em;}
.tagline {bottom: 25px;}
	.contact-cta {background-color: rgba(255,255,255, .7);}	
	
} /* min-width 641px and max-width 1023px, use when QAing tablet-only issues */

/* Large screens */
@media only screen and (min-width: 64.000em) {
.wrapper {padding: 1.875em 0;}
.align-middle-large{-webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center;}
#slider-row {margin-top: -85px;}
#middle-row {background: transparent;}
#global-content-3 {text-align: right;}

.large-padding-bottom {padding-bottom: 200px;}

} /* min-width 1024px, large screens */

@media only screen and (min-width: 64.000em) and (max-width: 90em) {
.large-float-left {float: left !important;}	
.large-float-right {float: right !important;}
.text-center-large {text-align: center;}
.large-align-right {-ms-flex-pack: end; justify-content: flex-end;}
} /* min-width 1024px and max-width 1440px, use when QAing large screen-only issues */

/*  XLarge screens */
@media only screen and (min-width: 90.063em) { } /* min-width 1441px, xlarge screens */

@media only screen and (min-width: 90.063em) and (max-width: 120em) {
.xlarge-float-left {float: left !important;}	
.xlarge-float-right {float: right !important;}
.text-center-xlarge {text-align: center;}
} /* min-width 1441px and max-width 1920px, use when QAing xlarge screen-only issues */

/*  XXLarge screens */
@media only screen and (min-width: 120.063em) {
.xxlarge-float-left {float: left !important;}	
.xxlarge-float-right {float: right !important;}
.text-center-xxlarge {text-align: center;}
} /* min-width 1921px, xxlarge screens */

/*  Tablet Portrait screens */
@media only screen and (min-width: 37.500em) and (max-width: 56.250em) and (orientation: portrait) {
.hide-tablet-portrait {display: none !important;}
.show-tablet-portrait {display: inherit !important;}
 } /* tablet-only issues min-600px max-900px */
 @media only screen and (min-width: 49.900em) and (max-width: 85.250em) and (orientation: portrait) {
 } /* tablet-only issues min-800px max-1200px */