/*
Theme Name: Twenty Seventeen Child
Author: Brenton Petersen
Template: twentyseventeen
Description: Twenty Seventeen brings your site to life with header video and immersive featured images. With a focus on business sites, it features multiple sections on the front page as well as widgets, navigation and social menus, a logo, and more. Personalize its asymmetrical grid with a custom color scheme and showcase your multimedia content with post formats. Our default theme for 2017 works great in many languages, for any abilities, and on any device.
Version: 1.3
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: twentyseventeen
Tags: one-column, two-columns, right-sidebar, flexible-header, accessibility-ready, custom-colors, custom-header, custom-menu, custom-logo, editor-style, featured-images, footer-widgets, post-formats, rtl-language-support, sticky-post, theme-options, threaded-comments, translation-ready

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.
*/

	.site-content {
		background: #606060;
	}
	h1 {
		font-size: 2em;
	}
	
	body, button {
		font-family: Helvetica Neue;
	}
	a {
		color: blue;
		text-decoration: underline;
	}
	input, textarea {
		margin-top: .5em;
		font-family: Helvetica Neue
	}

	#front-page-icon-left{
		width: 49%;
		float: left;
	}
	#front-page-icon-right{
		width: 49%;
		float: right;
	}
	#front-page-legend {
		font-weight: bold;
		font-size: 1.75em;
	}
	#contact-container {
		width: 100%;
	}

	#rh-page {
		-moz-box-shadow: 0 0 10px #999;
		-webkit-box-shadow: 0 0 10px #999;
		box-shadow: 0 0 10px #999;
		border-radius: 5px;
		border-style: none;
		padding: 20px;
		position: relative;
		width: 100%;
		float: left;
		background: #f5f5f5;
	}
	#rh-images {
		width: 100%;
		padding-top: 28%;
		position: relative;
	}
	#img-banner {
		position: absolute;
		border-radius: 10px;
		top: 0;
		bottom: 0;
		left: 0;
		right: 0;
	}
	#img-profile {
		border-radius: 50%;
		width: 200px;
		height:200px;
		position: relative;
	}
	.rh-header {
		width: 100%;
		text-align: center;
	}
	.qr_code_button {
		background-color: blue;
		border-radius: 3em;
	}
	#center-image {
		width: 100%;
		text-align: center;
	}
	#rh-address-contact {
		width: 30%;
		float: right;
	}
	#rh-category-container {
		width: 100%;
		float: left;
		display: flex;
	}
	#rh-category {
		width:33%;
		margin: 1px;
		padding: 10px;
		float: left;
		background-color: #D0EAFF;
		color: #E4001B;
	}
	#rh-categories {
		margin: 2px;
		border-radius: 15px;
		border-style: none;
		padding: 3px;
		display: inline-flex;
	}
	label {
		text-decoration: underline;
	}
	#data {
		padding-left: 10px;
		display: flex;
		align-items: center;
	}
	#contact-icon {
		height: 1.25em;
		width: 1.25em;
		margin-right: .25em;
	}
	
	#login-container {
		margin-right: 1em;
		float: right;
		font-weight: bold;
		font-size: 1em;
	}
	#reg-form-container {
		width: 50%;
		float:left;
		padding: 1em;
	}
	#first-name {
		margin-bottom: 1em;
	}
	#register-email {
		margin-bottom: 1em;
	}
	#register_mobile_no {
		margin-bottom: 1em;
	}
	.rh-content {
		width: 70%;
		padding: 10px;
		float: left;
	}
	.rh-bl-content {
		width: 100%;
		padding:10px;
	}
	#content-address {
		width: 100%;
		float: left;
		display: flex;
	}
	#rh-social-nav-container {
		width: 100%;
		float: left;
		display: block;
	}
	#rh-social-title {
		font-size: 1.2em;
		font-weight: bold;
		width: 100%;
		padding: 10px;
	}
	#rh-social-icon {
		width: 40px;
		height: 40px;
		float: left;
		display: block;
		margin-left: 10px;
	}
	#rh-icon-container {
		width: 100%;
		padding: 20px;
		float: left;
	}
	#rh-icon {
		-moz-box-shadow: 0 0 10px #999;
		-webkit-box-shadow: 0 0 10px #999;
		box-shadow: 0 0 10px #999;
		width: 30%;
		margin: 10px;
		padding: 10px;
		float: left;
		border-radius: 10px;
		background-color: #6194BC;
		color: #D0EAFF;
	}
	#rh-tax-container {
		-moz-box-shadow: 0 0 5px #999;
		-webkit-box-shadow: 0 0 5px #999;
		box-shadow: 0 0 5px #999;
		width: 100%;
		padding: 10px;
		border-radius: 10px;
	}
	#pic-input-container {
		height: auto;
		width: 10em;
	}
	#acc-img {
		width: 12.5em;
		height: 12.5em;
		float: left;
	}
	#acc-create-profile {
		width: 100%;
		display: flex;
		justify-content: center;
	}
/*---------------------------------
 Account Page
----------------------------------*/

/*---------------------------------
7.0 Footer
---------------------------------*/
	#installApp {
		position: fixed;
		top: 20px;
		z-index:2;
		border-radius: 50px;
		background-color:red;
		color: white;
		font-size: 18px;
	}
	
	#callToAction {
		position: fixed;
		bottom: 20px;
		z-index: 2;
		border-radius: 10px;
		background-color: blue;
		font-size: 18px;
	}

	#myBtn {
	  display: none; /* Hidden by default */
	  position: fixed; /* Fixed/sticky position */
	  bottom: 20px; /* Place the button at the bottom of the page */
	  right: 30px;
	  z-index: 99; /* Make sure it does not overlap */
	  border: none; /* Remove borders */
	  outline: none; /* Remove outline */
	  background-color: red; /* Set a background color */
	  color: white; /* Text color */
	  cursor: pointer; /* Add a mouse pointer on hover */
	  padding: 15px; /* Some padding */
	  border-radius: 10px; /* Rounded corners */
	  font-size: 18px; /* Increase font size */
	}

	#myBtn:hover {
	  background-color: #555; /* Add a dark-grey background on hover */
	}
	
	#category-link-container {
		width: 100%;
		float: left;
		position: relative;
	}
	
	.category-link-container {
		width: 25%;
		position: relative;
		float: left;
	}
	
	.category-link-subcontainer {
		width: 100%;
	}
	
	.category-header {
		width: 100%;
		color: #009fe3;
		font-weight: bold;
	}

	.hyper-links {
		color: #283583;
		text-decoration: underline;
	}
	
	.site-info {
		width: 100%;
	}
  table, tr, th, td {
 	border: hidden;
 }
 .full-width #nav-topbar.nav-container {
    display: none;
 }
 #hlog {
 	padding: 10px;
 	float: right;
 }
 #fbcontainer {
 	width: 50%;
    	margin: 0 auto;
 }
 #login-register-password {
	width: 100%;
    	margin: 0 auto;
 }
 ul.tabs_login {
 	padding: 0; margin: 20px 0 0 0;
 	position: relative;
 	list-style: none;
 	font_size: 14px;
 	z-index: 1000;
 	float: left;
 }
 ul.tabs_login li {
 	border: 1px solid #E7E9F6;
 	-webkit-border-top-right-radius: 10px;
 	-khtml-border-radius-topright: 10px;
 	-moz-border-radius-topright:10px;
 	border-top-right-radius: 10px;
 	-webkit-border-bottom-right-radius: 10px;
 	-khtml-border-radius-bottomright: 10px;
 	-moz-border-radius-bottomright:10px;
 	border-bottom-right-radius: 10px;
 	-webkit-border-top-left-radius: 10px;
 	-khtml-border-radius-topleft: 10px;
 	-moz-border-radius-topleft:10px;
 	border-top-left-radius: 10px;
 	-webkit-border-bottom-left-radius: 10px;
 	-khtml-border-radius-bottomleft: 10px;
 	-moz-border-radius-bottomleft:10px;
 	border-bottom-left-radius: 10px;
 	line-height: 30px; height: 30px;
 	padding: 0; margin: 0 5px 0 0;
 	position: relative;
 	background: #fff;
 	overflow: hidden;
 	float: left;
 }
 ul.tabs_login li a {
 	text-decoration: none;
 	padding: 0 10px;
 	display: block;
 	outline: none;
 }
 html body ul.tabs_login li.active_login a { font-weight: bold; }
 .tab_container_login {
 	background: #fff;
 	position: relative;
 	margin: 0 0 20px 0;
 	border: 1px solid #E7E9F6;
 	-webkit-border-bottom-left-radius: 10px;
 	-khtml-border-radius-bottomleft: 10px;
 	-moz-border-radius-bottomleft: 10px;
 	border-bottom-left-radius: 10px;
 	-webkit-border-top-left-radius: 10px;
 	-khtml-border-radius-topleft: 10px;
 	-moz-border-radius-topleft: 10px;
 	border-top-left-radius: 10px;
 	-webkit-border-bottom-right-radius: 10px;
 	-khtml-border-radius-bottomright: 10px;
 	-moz-border-radius-bottomright: 10px;
 	border-bottom-right-radius: 10px;
 	-webkit-border-top-right-radius: 10px;
 	-khtml-border-radius-topright: 10px;
 	-moz-border-radius-topright: 10px;
 	border-top-right-radius: 10px;
 	z-index: 999;
 	float: left;
 	width: 100%;
 	top: -1px;
 }
 .tab_content_login {
 	padding: 7px 15px 15px 15px;
 	padding-top: 10px;
 }
 .tab_content_login ul {
 	padding: 0;
 	margin: 0 0 0 15px;
 }
 .tab_content_login li {
 	margin: 5px 0;
 }

 ul.tabs_content {
 	padding: 0; margin: 20px 0 0 0;
 	position: relative;
 	list-style: none;
 	font_size: 14px;
 	z-index: 1000;
 	float: left;
 }
 ul.tabs_content li {
 	border: 1px solid #E7E9F6;
 	-webkit-border-top-right-radius: 10px;
 	-khtml-border-radius-topright: 10px;
 	-moz-border-radius-topright:10px;
 	border-top-right-radius: 10px;
 	-webkit-border-bottom-right-radius: 10px;
 	-khtml-border-radius-bottomright: 10px;
 	-moz-border-radius-bottomright:10px;
 	border-bottom-right-radius: 10px;
 	-webkit-border-top-left-radius: 10px;
 	-khtml-border-radius-topleft: 10px;
 	-moz-border-radius-topleft:10px;
 	border-top-left-radius: 10px;
 	-webkit-border-bottom-left-radius: 10px;
 	-khtml-border-radius-bottomleft: 10px;
 	-moz-border-radius-bottomleft:10px;
 	border-bottom-left-radius: 10px;
 	line-height: 30px; height: 30px;
 	padding: 0; margin: 0 5px 0 0;
 	position: relative;
 	background: #fff;
 	overflow: hidden;
 	float: left;
 }
 ul.tabs_content li a {
 	text-decoration: none;
 	padding: 0 10px;
 	display: block;
 	outline: none;
 }
 html body ul.tabs-content li.active_content a { font-weight: bold; }
 .tab_container_content {
 	background: #fff;
 	position: relative;
 	margin: 0 0 20px 0;
 	border: 1px solid #E7E9F6;
 	-webkit-border-bottom-left-radius: 10px;
 	-khtml-border-radius-bottomleft: 10px;
 	-moz-border-radius-bottomleft: 10px;
 	border-bottom-left-radius: 10px;
 	-webkit-border-top-left-radius: 10px;
 	-khtml-border-radius-topleft: 10px;
 	-moz-border-radius-topleft: 10px;
 	border-top-left-radius: 10px;
 	-webkit-border-bottom-right-radius: 10px;
 	-khtml-border-radius-bottomright: 10px;
 	-moz-border-radius-bottomright: 10px;
 	border-bottom-right-radius: 10px;
 	-webkit-border-top-right-radius: 10px;
 	-khtml-border-radius-topright: 10px;
 	-moz-border-radius-topright: 10px;
 	border-top-right-radius: 10px;
 	z-index: 999;
 	float: left;
 	width: 100%;
 	top: -1px;
 }
 .tab_content {
 	padding: 7px 15px 15px 15px;
 	padding-top: 10px;
 }
 .tab_content ul {
 	padding: 10;
 	margin: 0 0 0 15px;
 }
 .tab_content li {
 	margin: 5px 0;
 }
	@media all and (max-width: 800px) {
		.wrap {
			padding-left: 0;
			padding-right: 0;
		}
		h1 {
			font-size: 1.25em;
			font-weight: bold;
		}
		#front-page-icon-left{
			width: 100%;
			float: none;
		}
		#front-page-icon-right{
			width:100%;
			float: none;
		}
		#front-page-legend {
			font-weight: bold;
			font-size: 1em;
		}
		#rh-page {
			-moz-box-shadow: 0 0 10px #999;
			-webkit-box-shadow: 0 0 10px #999;
			box-shadow: 0 0 10px #999;
			border-radius: 5px;
			border-style: none;
			padding: 5px;
			width: 100%;
			float: none;
		}
		#img-profile {
			border-radius: 50%;
			width: 100px;
			height: 100px;
		}
		
		#rh-category-container {
			width: 100%;
			float: none;
			display: block;
		}
		#rh-category {
			width:100%;
			float: none;
			display: block;
		}

		#rh-address-contact {
			margin: auto;
			width: 100%;
			padding: 10px;
			float: none;
		}
		.rh-content {
			margin: auto;
			width: 100%;
			padding: 10px;
			float: none;
		}
		#rh-social-title {
			font-size: 1em;
			font-weight: bold;
			width: 100%;
			padding: 10px;
		}
		#rh-social-icon {
			width: 30px;
			height: 30px;
			float: left;
			display: block;
			margin-left: 10px;
		}
		#rh-social-nav-container {
			margin: auto;
			width: 100%;
			float: none;
			display: inline-block;
		}
		#acc-img {
			width: 7.5em;
			height: 7.5em;
			float: none;
		}
		#reg-form-container {
			width: 100%;
			float: none;
			display: block;
		}
	}