@import url('https://fonts.googleapis.com/css?family=Varela:400,500,700&display=swap');

html * {
    font-family: 'Varela', 'Open Sans', sans-serif !important;
    color: #666666;
    font-size: 14px;
}

body * {
    font-family: 'Varela', 'Open Sans', sans-serif;
    color: #666666;
}


.navbar {
	padding-left: 17%;
	padding-right: 10%;
	padding-top: 30px;
	padding-bottom: 30px;
}

.navbar-brand {
    margin-right: 5rem;
}

.bg-light {
    background-color: #4aaee2!important;
}

.navbar-light .navbar-toggler {
    color: rgba(0,0,0,0.5);
    border-color: rgba(102, 102, 102, 1);
    border: 1px solid rgba(102, 102, 102, 1);
    border-radius: 1px!important;
}

.navbar-light .navbar-toggler-icon {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='30' height='30' viewBox='0 0 30 30'%3e%3cpath stroke='rgba(102, 102, 102, 1)' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
}

.nav-link{
	font-size: 15px;
	color: #ffffff!important;
	padding-right: 3rem!important;
    padding-left: 3rem!important;
    font-weight: 500;
}

.dropdown-menu {
    left: 45;
    background-color: #4aaee2;
    color: #ffffff!important;
    border: 0px solid rgba(0,0,0,0);
    border-radius: 1px;
}


.dropdown-item {
    display: block;
    width: 100%;
    padding: .25rem 1.5rem;
    clear: both;
    font-weight: 500;
    color: #ffffff!important;
    text-align: inherit;
    white-space: nowrap;
    background-color: transparent;
    border: 0;
}

.dropdown-item:hover {
    background-color: rgb(0,0,0,0.1);
}


.upload-nav{
	border: 2px solid rgb(255, 255, 255) !important;
	border-radius: 1px;
}

.upload-nav:hover{
	border: 2px solid rgb(74, 174, 226) !important;
	background-color: rgb(255, 255, 255) !important;
	color: rgb(74, 174, 226)!important;
	border-radius: 1px;
}




@media (max-width: 992px){
	.navbar {
	    padding-left: 5%;
	    padding-right: 5%;
	    padding-top: 10px;
	    padding-bottom: 10px;
	}

	.nav-link{
		padding-right: 0rem!important;
	    padding-left: 0rem!important;
	    font-weight: 500;
	}

	.dropdown-item {
	    padding: .5rem;
	}

	.upload-nav{
		text-align: center!important;
	}
}


.footer {
	width: 100%;
	margin: auto;
	background-color: #f1f1f1;
	padding-top: 25px;
	padding-bottom: 10px;
}

.footer-row{
	width: 98%;
	margin: auto;
}

.footer-copywrite{
	padding-right: 0px!important;
}

.footer-social{
	text-align: right;
}

.copyright-text{
	font-size: 16px;
	font-weight: 700;
}

.social-icon{
	font-size: 24px;
	padding-left: 10px;
	padding-right: 10px;
}

.social-icon:hover{
	color: #4aaee2;
}

.footer-mobile{
	display: none;
}

@media (max-width: 992px){
	.footer {
		display: none;

	}

	.footer-mobile{
		display: block;
		width: 100%;
		margin: auto;
		background-color: #f1f1f1;
		padding-top: 25px;
		padding-bottom: 25px;
	}

	.footer-row-mobile{
		width: 100%;
	    margin: auto;
	}

	.copyright-text-mobile{
		font-size: 16px;
		font-weight: 700;
		text-align: center;
	}
	.footer-social-mobile{
		text-align: center;
	}
}