/*
Theme Name: Bitwave 2020 Customer Theme 
Theme URI: https://www.bitwavedesign.com/
Description: A custom WordPress theme by Bitwave Design.
Version: 1.0
Author: Bitwave Design
Author URI: https://bitwavedesign.com/
*/

:root {
  --main-link-color: #0083D5; /* var(--main-link-color) */
  --main-hover-color: #00D7AB; /* var(--main-hover-color) */
  --highlight-color: #B08C4C; /* var(--highlight-color) */
  --bkgrnd-main-color: rgba(247,243,236,1.00); /* var(--bkgrnd-main-color) */
  --bkgrnd-second-color: rgba(37,37,37,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/images/texture-paper-lt.png"); /* var(--texture-lt) */
  --texture-dk: url("https://bitwavedesign.com/images/texture-paper-dk.png"); /* var(--texture-dk) */
}

body {
	font-family: Catamaran, 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 {
}

	
/* TopNavigation */
#TopNavigation {
    background-color: #473C2A;
    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;
}
#TopNavigation .topnav a {
	color: #FFFFFF;
	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(59,59,59,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;
}
#TopNavigation .topnav a.special {
    color: #FFFFFF;
    background-color: rgba(249,161,107,0.50);
    border-radius: 10px;
}
@media (min-width: 741px) { /* DESKTOP */
	#TopNavigation a.dropdown {
	}
	#TopNavigation div.dropdown .dropdown-menu {
		width: 36%;
		margin-left: 180px;
	}
	#TopNavigation div.dropdown:nth-of-type(2) .dropdown-menu {
		width: 36%;
		margin-left: 280px;
	}
	#TopNavigation div.dropdown:nth-of-type(3) .dropdown-menu {
		width: 36%;
		margin-left: 370px;
	}
}


/* Header */
#header {
	background-color: var(--bkgrnd-main-color);
	background-image: radial-gradient(circle, rgba(0,0,0,0.11), rgba(0,0,0,0.11), rgba(0, 0, 0, .19)), var(--texture-lt) !important;
	}
#header .logo img {
    width: calc(170px + 10vw) !important;
}
#header .info {
    color: #4F4F4F;
	}
#header .info strong {
	font-weight: bold;
	color: var(--highlight-color);
	text-shadow: 1px 1px 4px rgba(0,0,0,0.1);
	}
@media (min-width: 741px) { /* DESKTOP */
  #header .logo img {
	margin-top: 22px !important;
	margin-bottom: 22px !important;
  }
}

/* Home Banner */
#banner {
	background-color: #686868;
	background-image: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.4)), url(/images/banner.webp), url(/images/banner.jpg);
}
#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);
}
#banner h5 a {
	color: #FFF;
	background-color: #F94802;
}
#banner h5 a:hover {
	background-color: #FE7A2A;
}
@media (min-width: 741px) { /* DESKTOP */
  #banner h1 {
	padding-top: calc(190px + 22vw);
  }
}
@media (max-width: 740px) { /* MOBILE */
		#banner h1 {
		padding-top: calc(20px + 44vw) !important;
		}
}

/* Section - GLOBAL */
#section {
}
#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 */
.heading#section {
    background-color: #6D6D6D;
    -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;
}
.heading#section h1 {
	font-weight: normal;
	text-transform: uppercase;
	color: #FFFFFF;
}

/* Section - Teaser */
.teaser#section {
}
.teaser#section .largepic {
}
.teaser#section h2 {
	font-weight: normal;
	color: #2E2E2E;
}
.teaser#section h3 {
}
.teaser#section h4 {
}
.teaser#section p, .teaser#section li {
	color: #575757;
}
.teaser#section p strong {
	font-weight: normal;
	color: #73C541;
}
.teaser#section li {
	line-height: 139%;
}
.teaser#section h5 a {
	color: #FFF;
}
.teaser#section h5 a:hover {
}
/* Section - Teaser ALT */
#section.teaser:nth-child(even) {
	background-color: var(--bkgrnd-lt-color);
	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 Teasers */
#section.teasers {
    padding-top: 40px;
    background-color: #424242;
    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(173,173,173,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 - 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 */
.tposts#section {
}
.tposts#section h2 {
	background-color: #29323B;
	color: #FFFFFF;
}
.tposts#section h3 {
	font-weight: normal;
}
.tposts#section h3 a {
	color: #333;
}
.tposts#section h3 a:hover {
	color: #4EABF8;
}
.tposts#section h5 a {
	color: #FFF;
}
.tposts#section h5 a:hover {
}


/* Section - Vertical Posts Teaser */
.vertposts#section {
}
.vertposts#section h2 {
	background-color: #29323B;
	color: #FFFFFF;
}
.vertposts#section h2 a {
	color: #FFFFFF;
}
.vertposts#section .minipost {
	background-color: #3B3B3B;
	-webkit-box-shadow: 3px 2px 6px 0px rgba(0,0,0,0.18);
	box-shadow: 3px 2px 6px 0px rgba(0,0,0,0.18);
}
.vertposts#section h3 {
	font-weight: normal;
}
.vertposts#section h3 a {
	color: #FFFFFF;
}
.vertposts#section p {
	color: rgba(184,184,184,0.86);
}
.vertposts#section h3 a:hover {
	color: var(--main-hover-color);
}
.vertposts#section h5 a {
	color: #FFF;
}
.vertposts#section h5 a:hover {
}


/* Section - Icons */
.icons#section {
}
.icons#section h3 {
}
.icons#section {
	background-color: #F4F4F4;
}
.icons#section .boxes h4 {
	font-weight: normal;
	color: #333;
}
.icons#section .boxes p {
	color: #666;
}


/* Section - Team */
.team#section {
}
.team#section h2 {
	color: #FFF;
	background-color: #289CDB;
}
.team#section p {
}
.team#section .box {
	}
.team#section .box img {
}
.team#section .box h4 {
}
.team#section .box p {
}


/* Section - Menu */
.menu#section {
}
.menu.alt#section {
	background-color: #EEE;
}
.menu#section h3 {
	color: #FFF;
	background-color: #289CDB;
	font-weight: normal;
	text-transform: uppercase;
}
.menu#section p {
}
.menu#section .box {
}
.menu#section .box img {
}
.menu.alt#section .box img {
	background-color: #FFF;
}
.menu#section .box h4 {
}
.menu#section .box p {
}
.menu#section .box h6 {
	font-weight: bold;
	color: #DE4B1B;
}


/* Section - Info */
.info#section {
	background-color: var(--bkgrnd-lt-color);
}


/* Section - Testimonial */
.testimonial#section {
	border-top-color: var(--bkgrnd-lt2-color);
	border-top-width: 1px;
	border-top-style: solid;
	background-color: var(--bkgrnd-lt-color);
	background-image: radial-gradient(circle, rgba(255, 255, 255, .33), rgba(255, 255, 255, .33), rgba(0, 0, 0, .18)), var(--texture-lt) !important;
}
.testimonial#section div.column {
}
.testimonial#section h5 a {
	color: #FFF;
}


/* Section - Badges */
.badges#section {
}


/* Section - Phone */
.phone#section {
    background-color: #474747;
    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: var(--highlight-color);
}


/* Section - PAGE */
#page {
	color: #333333;
	background-color: none;
}
#page h1 {
	color: #2C3643;
}
#page h2 {
}
#page h3 {
	background-color: var(--bkgrnd-dk-color);
	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 figure img {
}
#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 {
}
#page .wp-container-1 {
    background-color: #2E2E2E;
    color: #FFFFFF !important;
    margin-bottom: 2.3%;
    border-radius: 22px;
    padding: 2% 1.5% 1.5% 2.5%;
}
#page .wp-container-1 p, #page .wp-container-1 li {
	color: #DCDCDC !important;
}
#page div.wp-block-cover {
	margin-bottom: 18px;
}

/* Section - Footer */
#footer {
	color: #C0C0C0;
	background-color: white;
	background-image: radial-gradient(circle, rgba(0,0,0,0.11), rgba(0,0,0,0.11), rgba(0, 0, 0, .19)), var(--texture-lt);
	-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: #474747;
}
#footer li {
	line-height: 116%;
}
#footer h4 {
    color: rgba(224,224,224,0.84);
    font-weight: normal;
    background-color: rgba(65,65,65,0.89);
}
#footer a {
	color: var(--main-link-color, #0F6FFF);
	text-decoration: none;
}
#footer a:hover {
	color: var(--main-hover-color, #A1D000);
	text-decoration: none;
}
#footer .button {
	font-size: 133%;
	color: var(--main-link-color, #0F6FFF);
}


/*   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);
}