/*
Theme Name: Bitwave 2024 Customer Theme 
Theme URI: https://www.bitwavedesign.com/
Description: A custom WordPress theme by Bitwave Design.
Version: 1.04
Author: Bitwave Design
Author URI: https://bitwavedesign.com/
*/

:root {
  --highlight-color: #00A5AC; /* var(--highlight-color) */
  --main-link-color: #006FC8; /* var(--main-link-color) */
  --main-hover-color: #F66374; /* var(--main-hover-color) */
    
  --bkgrnd-color-header: rgba(0,194,203,1.00); /* var(--bkgrnd-color-header) */
  --bkgrnd-color-nav: rgba(0,184,192,1.00); /* var(--bkgrnd-color-nav) */
  --bkgrnd-color-title: rgba(66,66,66,1.00); /* var(--bkgrnd-color-title) */
  --bkgrnd-color-section-lt: rgba(245,245,245,1.00); /* var(--bkgrnd-color-section-lt) */
  --bkgrnd-color-section-dk: rgba(204,204,204,1.00); /* var(--bkgrnd-color-section-dk) */
    
  --bkgrnd-main-color: rgba(224,224,224,1.00); /* var(--bkgrnd-main-color) */
  --bkgrnd-second-color: rgba(190,190,190,0.87); /* var(--bkgrnd-second-color) */
  --bkgrnd-lt-color: rgba(231,237,241,0.62); /* var(--bkgrnd-lt-color) */
  --bkgrnd-lt2-color: #DCE3EB; /* var(--bkgrnd-lt2-color) */
    
  --texture-lt: url("https://bitwavedesign.com/wp-content/themes/bitwave16/images/texture-grid-lt.png"); /* var(--texture-lt) */
  --texture-dk: url("https://bitwavedesign.com/wp-content/themes/bitwave16/images/texture-linen-dk.png"); /* var(--texture-dk) */
}

body {
	font-family: "League Spartan", Arial, sans-serif;
	background-color: #FFFFFF;
}

h1 {
}
h2 {
	color: #1F1F1F;
}
h3 {
	color: #3E3E3E;
}
h4 {
	color: #473F36;
}
h5 {
}
p, li  {
	color: #5C5C5C;
}

a:link, a:visited  {
	color: var(--main-link-color, #0F6FFF); /*** COLOR link */
	}
a:hover {
	color: var(--main-hover-color, #A1D000); /*** COLOR hover */
	}

/* Iconbox */
#iconbox {
}



/* Header */
#header {
	background-color: rgba(0,165,172,1.00);
	background-image: none !important;
	border-bottom: solid 1px rgba(0,141,147,1.00);
	}
#header .logo {
    }
#header .logo img {
    width: 300px;
    }
#header .info P {
    color: #7DF9FF;
    font-size: calc(1.1em + 0.3vw);
    line-height: 122%;
    width: auto;
	}
#header .info strong {
	font-size: calc(.9em + 0.4vw);
	font-weight: bold;
	color: white;
	text-shadow: 1px 1px 4px rgba(0,0,0,0.1);
	}
#header .icons img {
	-webkit-filter: brightness(190%);
	filter: brightness(190%);
	-webkit-transition: all .5s ease;
	transition: all .5s ease;
}
#header .icons img:hover {
	-webkit-filter: brightness(50%);
	filter: brightness(50%);
}
@media (min-width: 741px) { /* DESKTOP */
	#header .logo {
	height: 190px;
    }
	#header .logo img {
	}
	#header #iconbox {
	height: 190px;
	}
	#header .info {
	height: 190px;
	border-left: 1px solid rgba(0,134,140,1.00);
	}
}

	
/* TopNavigation */
#TopNavigation {
    background-color: rgba(82,92,92,1.00);
    background-image: none !important;
}
#TopNavigation .topnav a {
	color: #D7D7D7;
	box-shadow: inset 0 0 0 0 rgba(0,0,0,0);
	-webkit-box-shadow: inset 0 0 0 0 rgba(0,0,0,0);
}
#TopNavigation .topnav a:hover {
	color: rgba(251,251,251,1.00);
	box-shadow: inset 550px 0 0 0 var(--highlight-color) !important;
	-webkit-box-shadow: inset 550px 0 0 0 var(--highlight-color) !important;
}
/* Dropdown ************************/
#TopNavigation .dropdown {
}
#TopNavigation a.dropdown {
}
#TopNavigation .dropdown-menu {
    background-color: var(--bkgrnd-color-nav);
}
#TopNavigation .dropdown-menu a {
}
#TopNavigation .dropdown:hover .dropdown-menu {
	display: block;
}

/* Home Banner */
#banner {
	background-color: #686868;
	background-image: linear-gradient(rgba(63,128,131,0.00), rgba(61,120,123,0.25), rgba(55,91,92,0.73)), url("/images/banner.webp");
    padding-bottom: 15px !important;
}
#banner h1 {
	font-weight: normal;
	line-height: 119%;
	color: rgba(255,255,255,1.00);
	text-shadow: 1px 1px 4px rgba(0,0,0,0.3);
}
#banner p {
	line-height: 128%;
	color: #DDDDDD;
	text-shadow: 0px 1px 3px rgba(0,0,0,0.2);
    padding-bottom: 0 !important;
}
#banner h5 a {
	color: #FFF;
	background-color: #F94802;
}
#banner h5 a:hover {
	background-color: #FE7A2A;
}
@media (max-width: 740px) { /* MOBILE */
		#banner h1 {
		padding-top: calc(20px + 44vw) !important;
		}
}

/* Section - GLOBAL */
#section {
	background-color: var(--bkgrnd-color-section-lt);
}
#section h5 a {
	background-color: var(--highlight-color);
	-webkit-box-shadow: inset 0 0 0 0 #FFFFFF;
	box-shadow: inset 0 0 0 0 #FFFFFF;
}
#section h5 a:hover {
	box-shadow: inset 350px 0 0 0 #3F3F3F;
	-webkit-box-shadow: inset 350px 0 0 0 #3F3F3F;
}


/* Section - Heading */
#section.heading {
    background-color: var(--bkgrnd-color-title);
    -webkit-box-shadow: 2px 2px 5px 0px rgba(0,0,0,0.2);
    box-shadow: 2px 2px 5px 0px rgba(0,0,0,0.2);
    background-image: radial-gradient(circle, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0), rgba(0, 0, 0, .25)), var(--texture-dk) !important;
}
#section.heading h1 {
	font-weight: normal;
	text-transform: uppercase;
	color: #FFFFFF;
}


/* Section - 3 Teasers */
#section.teasers {
    padding-top: 40px;
    background-color: #D6D6D6;
    background-image: radial-gradient(circle, rgba(0, 0, 0, .05), rgba(0, 0, 0, .06), rgba(0, 0, 0, .26)), var(--texture-lt) !important;
}
.teasers#section h4 {
	color: rgba(255,255,255,1.00);
	text-shadow: 1px 1px 4px rgba(0,0,0,0.2);
}
.teasers#section p {
	color: rgba(96,96,96,1.00);
}
.teasers#section li {
	color: rgba(186,186,186,1.00);
}
.teasers#section ul {
	color: rgba(186,186,186,1.00);
}
.teasers#section h5 a {
	color: #FFF;
}


/* Section - Teaser */
#section.teaser {
	background-color: var(--bkgrnd-color-section-lt);
}
#section.teaser .largepic {
}
#section.teaser h2 {
	font-weight: normal;
	color: #2E2E2E;
}
#section.teaser h3 {
}
#section.teaser h4 {
}
#section.teaser p, #section.teaser li {
	color: #575757;
}
#section.teaser p strong {
	font-weight: normal;
	color: #73C541;
}
#section.teaser li {
	line-height: 139%;
}
#section.teaser h5 a {
	color: #FFF;
}
#section.teaser h5 a:hover {
}
/* Section - Teaser ALT */
#section.teaser:nth-child(even) {
	background-color: var(--bkgrnd-color-section-dk);
	background-image: radial-gradient(circle, rgba(255, 255, 255, .4), rgba(255, 255, 255, .4), rgba(0, 0, 0, .22)), var(--texture-lt);
}


/* Section - Teaser-BACKGROUND PICTURE ***************/
#section.teaser.backgrndpic {
    background-image: linear-gradient(rgba(0,0,0,0), rgba(0,0,0,0.33), rgba(0,0,0,0.33), rgba(0,0,0,0)), url(/images/teaser-background.jpg) !important;
}
#section.teaser.backgrndpic h2 {
    color: white;
    text-shadow: 1px 1px 5x rgba(0,0,0,0.8);
}
#section.teaser.backgrndpic p {
    color: #DDDDDD;
    text-shadow: 1px 1px 5px rgba(0,0,0,0.9);
}
#section.teaser.backgrndpic h5 a {
    box-shadow: 2px 2px 4px rgba(0,0,0,0.50);
}
@media (min-width: 741px) { /* DESKTOP */
}
@media (max-width: 740px) { /* MOBILE */
}


/* Section - 3 Mini Teasers */
#section.miniteasers {
	background-color: #F7F6F5;
	box-shadow: 0px 0px 14px 0px rgba(0,0,0,0.2);
	background-image: url(/wp-content/themes/bitwave16/images/teaser.jpg);
}
#section.miniteasers h3 {
}
#section.miniteasers p {
	color: rgba(70,70,70,1.00);
}


/* Section - Posts Teaser */
#section.tposts {
}
#section.tposts h2 {
	background-color: #29323B;
	color: #FFFFFF;
}
#section.tposts h3 {
	font-weight: normal;
}
#section.tposts h3 a {
	color: #333;
}
#section.tposts h3 a:hover {
	color: #4EABF8;
}
#section.tposts h5 a {
	color: #FFF;
}
#section.tposts h5 a:hover {
}


/* Section - Testimonial */
.testimonial#section {
	border-top-color: var(--bkgrnd-lt2-color);
	border-top-width: 1px;
	border-top-style: solid;
	background-color: var(--bkgrnd-color-section-dk);
	background-image: radial-gradient(circle, rgba(255, 255, 255, .3), rgba(255, 255, 255, .2), rgba(0, 0, 0, .1)), var(--texture-lt);
}
.testimonial#section div.column {
}
.testimonial#section h5 a {
	color: #FFF;
}


/* Section - Badges */
.badges#section {
}


/* Section - Phone */
.phone#section {
    background-color: rgba(71,71,71,1.00);
    background-image: radial-gradient(circle, rgba(0,0,0,0.11), rgba(0,0,0,0.11), rgba(0, 0, 0, .19)), var(--texture-dk) !important;
}
.phone#section h4 {
    color: #2489DB;
    font-weight: normal;
}
.phone#section h2 {
	color: #FFF;
	font-size: 199%;
}
.phone#section p {
    color: #FFB484;
}


/* Section - Mini Social Media Icons ************************/
.minisocialmicons#section {
	background-color: rgba(81,91,91,1.00);
}


/* Section - PAGE */
#page {
	color: #333333;
	background-color: none;
}
#page h1 {
	color: #2C3643;
}
#page h2 {
}
#page h3 {
	background-color: var(--bkgrnd-color-title);
	background-image: radial-gradient(circle, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0), rgba(0, 0, 0, .25)), var(--texture-dk) !important;
	color: #FFF;
	}
#page h4 {

}
#page hr {
	border-top: 1px dotted rgba(138,138,138,1.00);
}
#page .box {
	background-color: var(--bkgrnd-lt-color);
	background-image: radial-gradient(circle, rgba(255, 255, 255, .28), rgba(255, 255, 255, .28), rgba(255, 255, 255, .14)), var(--texture-lt) !important;
	border: 1px solid #CCC;
}
#page .box-category {
	border-left: 1px solid rgba(203,203,203,1.00);
	border-right: 1px solid rgba(203,203,203,1.00);
	border-bottom: 1px solid rgba(203,203,203,1.00);
	border-top: 10px solid rgba(249,72,2,1.00);
	background-color: rgba(241,241,241,1.00);
	}
#page .box-category img {
}
#page .box-category h2 {
}
#page .box-category p, #page .box-category li {
}
#page .box-category h5 {
}
#page .navigation {
	font-size: 94%;
	font-weight: normal;
	color: #CCC;
	background-color: #343434;
	}
#page .navigation a {
	text-decoration: none;
	color: #FFF;
}
#page .navigation a:hover {
	text-decoration: none;
	color: #289CDB;
}
#page .post {

}
#page .post h2 {
	font-weight: normal;
}
#page .date {
	font-size: 76%;
}
#page h2 a {
	color: #2C3643;
}
#page h2 a:hover {
	color: #4379A5;
}
#page .postmetadata {
	background-color: #EAEAEA;
	border: 1px solid #DDD;
	font-size: 76%;
}
#page blockquote {
	background-color: rgba(241,235,194,0.57);
	color: #333333;
	}
#page .doubleteaser {
	background-color: #EDEDED;
}
#page .doubleteaser h3 {
}
#page .doubleteaser img {
}
#page .doubleteaser p {
}
#page .doubleteaser h5 {
}

/* Section - Footer */
#footer {
	color: #1A1A1A;
	background-color: rgba(0,165,172,1.00);
	-webkit-box-shadow: inset 0px 5px 10px rgba(0,0,0,0.34);
	box-shadow: inset 0px 5px 10px rgba(0,0,0,0.29);
}
#footer p, #footer li {
    color: #2E2E2E;
}
#footer li {
	line-height: 116%;
}
#footer h4 {
    color: rgba(224,224,224,0.84);
    font-weight: normal;
    background-color: var(--bkgrnd-color-title);
}
#footer a {
	color: white;
	text-decoration: none;
}
#footer a:hover {
	color: var(--main-hover-color, #A1D000);
	text-decoration: none;
}
#footer img.logo {
	width: 65%;
}
#footer .button {
	font-size: 133%;
	color: white;
}


/*   Ninja Forms 3.0 CSS    */
.ninja-forms-cont {
	background-color: var(--bkgrnd-lt-color);
	background-image: radial-gradient(circle, rgba(255, 255, 255, .25), rgba(255, 255, 255, .25), rgba(255, 255, 255, .1)), var(--texture-lt) !important;
	border: 1px solid var(--bkgrnd-lt2-color);
}
.ninja-forms-form input[type=submit] {
	color: white;
	background-color: var(--highlight-color);
}
