@charset "utf-8";
/* CSS Document */

a {
    color: #e69c44;
    text-decoration: underline;
    font-weight: 600;
}
h1, h2, h3, h4, h5, h6 {
    font-weight: 500;
    line-height: 1.5;
    margin: 0 0 1.5rem 0;
}
h1 {
    font-size: 2.6rem;
}
@media screen and (max-width: 1280px) {
h1 {
    font-size: 2.6rem;
}
}
h2 {
    font-size: 1.5rem;
}
h3 {
    font-size: 1.2rem;
	font-weight:600;
	line-height: 1.5;
    margin: 1.2rem 0 .5rem 0;
}
p {
    font-size: 1.2em;
	color:#000000;
	font-weight: 500;
}
ul {
    padding-left: 1.4rem;
}
ul li {font-weight: 500;font-size: 1.2em;}
/* ul li ul li {font-weight: 500;font-size: 1.2em;} */
#header {background: #e69c44;}
#header > .logo {
    color: #000000;
    font-size: 1rem;
    font-weight: 700;
    height: inherit;
    line-height: inherit;
    padding: 0;
    text-decoration: none;
}
#header > .logo span {
    color: #333333;
    font-weight: 300;
}
/* Navigation-Related */
#header > nav > ul > li > a {
    color: #000000;
	font-weight: 500;
	font-size: 0.8em;
}
#header > nav > ul > li > a:hover {
	box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.8);
}
#header > nav > ul > li > a.dropdown:hover {
    color:#000000;
}
#header > .navPanelToggle {
    color: #000000;
}
#header > nav > ul > li > a.dropdown:before {
    background-image: url(../../images/chevron-right.png);
}
#header > nav > ul > li > a.dropdown:hover:before {
	background-image: url(../../images/chevron-right.png);
}
#navPanel {
    background-color: #464c56;
}
#navPanel .link.depth-0 {
    color: #ffffff !important;
    font-weight: 500;
}
#navPanel .link.depth-0:hover {
    color: #37cbe9 !important;
    font-weight: 500;
}
#navPanel .link {
    border-top: solid 1px rgba(0, 0, 0, 0.6);
    color: #ffffff !important;
	font-weight: 500;
}
#navPanel .link:hover {
    color: #37cbe9 !important;
}
/* #navPanel .close {
    color: rgba(0, 0, 0, 0.4);
}
#navPanel .close:hover {
    color: #000000 !important;
}
 */
.dropotron {
    background-color: rgba(70, 76, 86, 0.9);
    border-radius: 0.2rem;
	border: solid 1px rgba(0, 0, 0, 0.8);
    list-style-type: none;
    margin: -0.5rem 0 0 1px;
    min-width: 10rem;
    padding: 0.5rem 0;
}
.dropotron a {
    color: #ffffff;
	font-size: 0.8em;
}
.dropotron a:hover {
    color: #37cbe9;
	font-size: 0.8em;
}
.dropotron li {
    border-top: solid 1px rgba(0, 0, 0, 0.8);
}
header h1:before, header h2:before, header h3:before, header h4:before, header h5:before, header h6:before {
    background-color: #e69c44;
}
h1 + p {
    font-size: 1.5rem;
    color: #464c56;
	font-weight:400;
}
#banner {
    background-color: #e69c44;
    color: #000000;
}
#banner h1, #banner h2, #banner h3, #banner h4, #banner h5, #banner h6 {
    color: #ffffff;
    font-family: 'Times New Roman', 'serif';
    text-transform: uppercase;
	letter-spacing: 0.1rem;
}
.image.special {
    box-shadow: 0px 15px 15px -15px rgb(0 0 0 / 25%);
	margin: 4rem auto 4rem auto;
}
.wrapper.style1 {
    background: #e69c44;
}
.wrapper.style2 {
    background: #000000;
}

#footer .copyright {
    background: #464c56;
    color: rgba(255, 255, 255, 0.8);
    margin-top: -4rem;
    padding: 4rem 2rem;
	font-size:0.8em;
}
/*******************************************/
/* Button */
/******************************************/
.go-top {
	position: fixed;
	z-index: 2;
	bottom: 0;
	right: 2em;
	font-family: 'Roboto';color:#000066;
	text-decoration: none;
	color: black;
	background-color: rgba(230, 156, 68, 0.8);
	font-size: 14px;
	padding: 0.6em;
	display: none;
}

.go-top:hover {
	background-color: rgba(0, 0, 0, 0.6);
}
.image.left-authors {
    float: left;
    margin: 0 2rem 2rem 0;
    top: 0.25rem;
}
.image.left-authors, .image.right-authors {
    max-width: 40%;
}
@media screen and (max-width: 480px) {
	.row {
    margin-left: -1.25rem;
}
	ul.feature-icons li .label {
	display: block;
	font-size: 0.8em;
	}
}
@media screen and (max-width: 736px) {
	.row {
    margin-left: -1.25rem;
	}
	ul.feature-icons li .label {
	display: block;
	font-size: 0.8em;
	}
	.wrapper.narbha {
    padding: 0.5rem 0 0.5rem 0;
    font-size: 0.8em;
	}
	#footer .copyright {
		margin-top: -2rem;
	}
}

@media screen and (max-width: 980px) {
	.row {
    margin-left: 4rem;
		margin-right:4em;
	}
	.wrapper.narbha {
    padding: 0.5rem 0 0.5rem 0;
    font-size: 0.8em;
	}
	.image.left-authors img, .image.right-authors img {
    width: 60%;
    margin-left: auto;
    margin-right: auto;
	}
	#footer .copyright {
		margin-top: -3rem;
	}
}
@media screen and (max-width: 1280px) {
	.row {
    margin-left: 5rem;
	margin-right:5em;
	}
	.wrapper.narbha {
    padding: 0.5rem 0 0.5rem 0;
    font-size: 0.8em;
	}
	.image.left-authors img, .image.right-authors img {
    width: 60%;
    margin-left: auto;
    margin-right: auto;
	}
	#footer .copyright {
		margin-top: -3rem;
	}
}
@media screen and (max-width: 1920px) {
	.row {
    margin-left: 5rem;
		margin-right:5em;
	}
	.wrapper.narbha {
    padding: 0.5rem 0 0.5rem 0;
    font-size: 0.8em;
	}
	.image.left img, .image.right img {
    width: 80%;
	margin-left: auto;
    margin-right: auto;
}
	.image.left-authors img, .image.right-authors img {
    width: 60%;
    margin-left: auto;
    margin-right: auto;
	}
	#footer .copyright {
		margin-top: -3rem;
	}
}
@media screen and (max-width: 979px) and (min-width: 200px) {
	.image.left img, .image.right img {
    width: 100%;
	margin-left: auto;
    margin-right: auto;
	}
	.image.left-authors img, .image.right-authors img {
    width: 100%;
	}
}