@charset "UTF-8";

/* ################################################################
############# section 1: section scheme css #######################
################################################################ */

/* ****************************************************************
************* sub-section 1-1: nav bar functions ******************
**************************************************************** */

/* ========== style x: fazuba theme ============================ */
.c17-000000003-top-nav-container {
	background: linear-gradient(to left, #151B54, #98AFC7);
	/* move text color into here */
}

/* ========== style x: top text color on main bar ============= */
.c17-000000003-topnav a,
.c17-000000003-dropdown .c17-000000003-dropbtn {
	color: white;
}

/* ========== style x: color for burger bar ============= */
.c17-000000003-burger {
	background-color: white;
}

/* ========== c17-000000005-left content - right info bar ============= */
.c17-000000005-left-content-right-bar {
	background: linear-gradient(to left, #151B54, #98AFC7);
	color: white;
}

/* ########## style x: arrow stage 1 - creates reverse L for down arrow ########## */
.c17-000000003-arrow {
    border: solid white;
  	border-width: 0 3px 3px 0;
  	display: inline-block;
  	padding: 3px;
}

/* ========== style x: converts top nav to burger menu ========= */
/* converts top nav items into block menu for mobile view */
@media screen and (max-width: 1150px) {
.c17-000000003-topnav a:not(:first-child), .c17-000000003-dropdown .c17-000000003-dropbtn {
    	display: none;
  	}
.c17-000000003-topnav a.c17-000000003-icon {
    	float: right;
    	display: block;
	}

/* style 16: displays the dropdowns on mobile device with burger */
.c17-000000003-topnav.c17-000000003-responsive {position: relative;}
.c17-000000003-topnav.c17-000000003-responsive .c17-000000003-icon {
    	position: absolute;
    	right: 0;
    	top: 0;
	}

.c17-000000003-topnav.c17-000000003-responsive a {
    	float: none;
    	display: block;
    	text-align: left;
	}

.c17-000000003-topnav.c17-000000003-responsive .c17-000000003-dropdown {float: none;}
.c17-000000003-topnav.c17-000000003-responsive .c17-000000003-dropdown-content {position: relative;}
.c17-000000003-topnav.c17-000000003-responsive .c17-000000003-dropdown .c17-000000003-dropbtn {
    	display: block;
    	width: 100%;
    	text-align: left;
	}
}

@media only screen and (max-width: 1000px) {
  select {
  font-size: 16px;
  padding: 10px 10px;
  color: black;
  }
}