/*
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 {
  --highlight-color: #CC7D00; /* var(--highlight-color) */
  --main-link-color: #006FC8; /* var(--main-link-color) */
  --main-hover-color: #EB7D34; /* var(--main-hover-color) */
    
  --bkgrnd-color-header: rgba(255,255,255,1.00); /* var(--bkgrnd-color-header) */
  --bkgrnd-color-nav: rgba(40,44,54,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-linen-lt.png"); /* var(--texture-lt) */
  --texture-dk: url("https://bitwavedesign.com/wp-content/themes/bitwave16/images/texture-grid-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: var(--bkgrnd-color-nav);
    background-image: radial-gradient(circle, rgba(0,0,0,0.11), rgba(0,0,0,0.11), rgba(0, 0, 0, .19)) !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;
}
@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-color-header);
	background-image: radial-gradient(circle, rgba(0,0,0,0.11), rgba(0,0,0,0.11), rgba(0, 0, 0, .23)), var(--texture-lt) !important;
	}
#header .logo img {
    width: calc(220px + 8.5vw) !important;
}
#header .info {
    color: #4C4C4C;
	}
#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: 18px !important;
	margin-bottom: 18px !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.6)), url("/images/banner.webp");
}
#banner h1 {
	padding-top: calc(130px + 22.5vw);
	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 (max-width: 740px) { /* MOBILE */
		#banner h1 {
		padding-top: calc(20px + 44vw) !important;
		}
}



















/* MODERN Shared Styles */
.cta-button {
    font-size: 1em; /* 16px if the base font size is 16px */
    padding: 10px 20px;
    text-decoration: none;
    color: #fff;
    background-color: var(--highlight-color);
    border-radius: 5px;
    border: none;
    font-weight: bold;
    transition: background-color 0.3s;
    box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.2);
}
.cta-button:link, .cta-button:visited, .cta-button a {
    color: #FFF;
}
.cta-button:hover {
    background-color: #636363;
}

.container {
    max-width: 1200px;
    margin: 0 auto; /* This centers the container */
    width: 100%; /* Ensures it takes up 100% of the width up to 1200px */
    padding: 0 15px; /* Optional: Adds padding on both sides */
}



/* MODERN Teaser with Image */
.teaser-modern-image {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    padding: 25px;
    width: 100%; /* Ensures the container takes full width */
    margin: 0 auto; /* Centers the container */
    box-sizing: border-box; /* Includes padding and border in the width */
}
.teaser-modern-image .container {
    display: flex;
}

.teaser-modern-image .text-content,
.teaser-modern-image .image-content {
    flex: 1;
}

.teaser-modern-image h2 {
    font-size: 2.5em;
	line-height: 1.4em;
}
.teaser-modern-image p {
    font-size: 1.25em;
	line-height: 1.4em;
}

.teaser-modern-image .image-content img {
    max-width: 100%;
    height: auto;
    border-radius: 5%; 
    box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.2);
}

/* Desktop specific adjustments */
@media (min-width: 769px) {
    .teaser-modern-image {
        flex-direction: row;
        text-align: left;
    }
    
    .teaser-modern-image .container {
        align-items: center;
    }

    .teaser-modern-image .text-content {
        padding-right: 20px; /* Space between text and image */
    }

    .teaser-modern-image .image-content {
        order: 2; /* Image content appears on the right */
    }
    /* Selects every even-numbered .teaser-modern-image container */
    .teaser-modern-image:nth-child(even) .container {
        display: flex;
        flex-direction: row-reverse; /* Reverses the order of flex items */
    }
    .teaser-modern-image:nth-child(even) .text-content {
        text-align: right;
        padding-right: 0px;
        padding-left: 20px;
    }
}

/* Responsive design for mobile */
@media (max-width: 768px) {
    .teaser-modern-image {
        border-top: 1px solid rgba(0,0,0,0.30);
    }
    .teaser-modern-image .container {
        text-align: center;
        align-items: center;
        flex-direction: column;
        padding: 0; /* Remove padding at the top */
    }

    .teaser-modern-image .container .text-content {
        order: 2; /* Image content appears first */
        width: 100%;
        margin: 0;
        padding: 0;
    }
    .teaser-modern-image .container .image-content {
        order: 1; /* Image content appears first */
        width: 100%;
        margin: 0;
        padding: 0;
    }

    .teaser-modern-image .image-content img {
        width: 100%;
        height: auto;
        display: block;
        margin: 0 0 25px 0; /* Adjust spacing between image and text */
    }
}























/* 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(255,255,255,0.33), rgba(255,255,255,0.33), rgba(0,0,0,0)), url(/images/teaser-background.jpg) !important;
}
#section.teaser.backgrndpic h2 {
    color: #222222;
    text-shadow: 1px 1px 5x rgba(39,39,39,0.80);
}
#section.teaser.backgrndpic p {
    color: #3E3E3E;
    text-shadow: 1px 1px 5px rgba(255,255,255,0.90);
}
#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: var(--bkgrnd-color-nav);
    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-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: #C0C0C0;
	background-color: var(--bkgrnd-color-header);
	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: #515151;
}
#footer li {
	line-height: 116%;
}
#footer h4 {
    color: rgba(224,224,224,0.84);
    font-weight: normal;
    background-color: rgba(34,36,47,0.93);
}
#footer a {
	color: #3083FF;
	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);
}