.menuburger
{
	font-size : 2em;
	margin-top : 0.8rem;
	margin-left : 0.1em;
	margin-right : auto;
	color : #223380;
}
.menuburgertext
{
    font-size: 0.8em;
}
.headersection
{
    background-color : #fbf9ef;
}
.hero
{
	background-color : #fbf9ef;
}
.flexdivv
{
	display : flex;
	flex-direction: column;
	justify-content : center;
	height : 100%;
}
.flexdivh
{
	display : flex;
	flex-direction: row;
	justify-content : center;
	width : 100%;
}
.menuitem
{
	padding-left : 0.7em;
	padding-right : 0.7em;
}
.menuscreen
{
	padding : 2em;
	min-height : 100px;
	width : 100%;
	background-color : #a2c9a5;
	z-index : 33;
	display : none;
	position : fixed;
	border-radius : 20px;
	box-shadow : 0px 3px 2px 2px #bab6b6;
	
}
.menuartdiv
{
	padding : 1em;
	border-radius : 8px;
	background-color : inherit;
	/* border : 1px solid #c2baa3; */
	margin : 5px;
	transition : 0.6s ease all;
}
.menuartdiv:hover
{
	padding : 1em;
	border-radius : 8px;
	background-color : #a5e2aa;;
	/* border : 1px solid #c2baa3; */
	margin : 5px;
	transition : 0.6s ease all;
}
.menuarttitle
{
	font-size : 1.2em;
	color : #ffffff;
}
.menuartexc
{
	font-size : 0.8em;
	font-style : italic;

		white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  margin-top : 3px;
	margin-bottom : 3px;
	color : #ffffff;

}
.menuartreadtime
{
	font-size : 0.65em;
	font-weight : bold;
	margin-top : 3px;
	margin-bottom : 3px;
	color : #ffffff;
}

.menuartreadtime span
{
	margin-left : 1em;
}
.menuartlink
{
	text-decoration : none;
	color : inherit;
}
.menuartlink:hover
{
	text-decoration : none;
	color : inherit;
}
.intro-statement
{
	background-image: url("../images/tile-pattern2.png");
	background-repeat: repeat;
}
.intro-line
{
	padding-top : 2.5em;
	padding-bottom : 2.5em;
	text-align: center;
	font-size: 1.2em;
	font-weight: bold;
	color : #2b5636;
}


.teamcard
{
	background-color : #daecda;
	padding-top : 1em;
	padding-left : 1em;
	padding-right : 1em;
	padding-bottom : 1em;
	box-shadow : -1px 2px 3px 3px #cdcdd1;
	
}

.teamcardtitle
{
	text-align : center;
	font-size : 0.8em;
	line-height : 1.1em;
	height : 2.2em;
	overflow : hidden;
	color : #303033;
}
.at-a-glance
{
	padding-top : 1.5em;
	padding-bottom : 1.5em;
}
.glance-text
{
	height : 100%;
	display : flex;
	flex-direction: column;
	justify-content : center;
}
.glance-text-line
{
	font-size: 1.8em;
	color : gray;
	text-align: center;
}
.content-section
{
	box-shadow: 0px -3px 4px 2px #ebeced;
	padding-top : 2em;
	padding-bottom : 2em;
	background-color: #fbf9ef;
	background-image: url('../tiles/new/16050.png');
}
.serat_art_title
{
	font-size: 2em;
	color : #2b5636;
	margin-bottom: 0.5em;
}
.serat_art_time
{
	font-weight: bold;
	color : #2b5636;
	margin-bottom: 0.8em;
}
.serat_art_exc
{
	font-style: italic;
	margin-bottom: 1em;
}
.serat_article
{
	text-align: justify;
	text-justify: inter-word;
	
}
.serat_article img
{
	width : 60%;
	height : auto;
	margin-left: 20%;
	margin-top : 15px;
}
tag
{
	padding-left : 10px;
	text-decoration: none;
}
.btn-tc
{
	background-image: linear-gradient(to right, #93e322, #1bb535);
	color : #ffffff;
	transition: 0.5s ease all;
}
.btn-tc:hover
{
	background-image: linear-gradient(to right, #1bb535, #1bb535);
	color : #ffffff;
	transition: 0.5s ease all;
}
.theme-link
{
	background-image: linear-gradient(to right, #93e322, #1bb535);
	color : #ffffff;
	transition: background-image 0.5s ease all;
	padding-left : 2em;
	padding-right : 2em;
	padding-top : 0.35em;
	padding-bottom: 0.35em;
	width : 100%;
	display : block;
	text-align : center;
	font-size: 1.2em;
	text-decoration: none;
	border-radius: 0.5em;
}
.theme-link:hover
{
	background-image: linear-gradient(to right, #1bb535, #93e322);
	color : #ffffff;
	transition: background-image 0.5s ease all;
	padding-left : 2em;
	padding-right : 2em;
	padding-top : 0.35em;
	padding-bottom: 0.35em;
	width : 100%;
	display : block;
	text-align : center;
	font-size: 1.2em;
	text-decoration: none;
	border-radius: 0.5em;
}
.theme-block
{
	background-color: #fbf9ef;
	padding : 1em;
	border-radius: 0.6em;
	box-shadow: 0px 1px 1px 1px #a8dcb0;
	height: 100%;
	margin-bottom: 1em;

}
.margin-bottom-1em
{
	margin-bottom : 1.5em;
}
.theme-block img
{
	width : 100%;
	height : auto;
	border-radius: 0.5em;
	
}
.theme-block-content
{
	padding : 0.5em;
}
.theme-block-title
{
	color : #442727;
	font-size: 1.1em;
	margin-bottom: 0.65em;

}
.theme-block-exc
{
	color : gray;
	font-style: italic;
	font-size: 0.9em;
	text-align: justify;
	text-justify: inter-word;
	text-indent: 3.5em;
	margin-bottom: 1em;
}
.theme-block-icons
{
	color : gray;
}
.theme-block-image
{
	position : relative;
}
.theme-block-readtime
{
	position : absolute;
	bottom : 0px;
	left : 0px;
	border-radius: 0.5em;
	background-color: rgba(68, 39, 39, 0.5);
	color : #ffffff;
	width : 100%;
	padding : 3px;
	padding-left : 7px;
}
.js-tilt-x
{
	z-index: 9;
}
.js-tilt-x:hover
{
	z-index: 111;
}
.article-list
{
	background-image: url("../tiles/listtile3.png");
	background-repeat: repeat;
	padding-top : 2.2em;
	padding-bottom: 2.2em;
}
.decorated{
	overflow: hidden;
	text-align: center;
	color : #329751;
}
.decorated > span{
   position: relative;
   display: inline-block;
}
.decorated > span:before, .decorated > span:after{
   content: '';
   position: absolute;
   top: 50%;
   border-bottom: 1px #329751 solid;
   width: 592px; /* half of limiter */
   margin: 0 20px;
}
.decorated > span:before{
   right: 100%;
}
.decorated > span:after{
   left: 100%;
} 
.jumboinput
{
	font-size : 1.5em;
	width : 100%;
	outline : none;
	border : none;
	border-bottom : 2px solid #329751;
	margin-bottom: 1em;
	color : #329751;
}
.c2a
{
	margin-top : 2em;
	margin-bottom: 2em;
}
.footer
{
	background-color : #edf2ee;
	color : #7a827c;
}

.footer-tile
{
	padding : 1.2em;
	
}

.footer-tile-decorator
{
	padding-bottom : 0.6em;
}
.footer-tile-content
{
	font-size : 0.85em;
}

.footer-anchor
{
	text-decoration : none;
	display : block;
	color : inherit;
}

.footer-anchor-sm
{
	font-size : 1.2rem;
	text-decoration : none;
	padding : 0.2em;	
	color : inherit;
	transition : 0.5s ease all;
	
}
.footer-anchor-sm:hover
{
	font-size : 1.2rem;
	text-decoration : none;
	padding : 0.2em;	
	color : #5f5fde;
	transition : 0.5s ease all;
}


.center-text
{
	text-align : center;
}
.footer2
{
	padding : 0.75em;
	background-color : #c8cfca;
	color : #7a827c;
	font-size : 0.85em;
}
/* The side navigation menu */
.sidenav {
    height: 100%; /* 100% Full-height */
    width: 0; /* 0 width - change this with JavaScript */
    position: fixed; /* Stay in place */
    z-index: 15; /* Stay on top */
    top: 0; /* Stay at the top */
    left: 0;
    background-color: rgba(162, 201, 165, 1); 
	color : #ffffff;
    overflow-x: hidden; /* Disable horizontal scroll */
    padding-top: 10px; /* Place content 60px from the top */
    transition: 0.5s; /* 0.5 second transition effect to slide in the sidenav */
}

/* The navigation menu links */
.sidenav > a {
    padding: 8px 8px 8px 32px;
    text-decoration: none;
    font-size: 1em;
    color: #ffffff;
    display: block;
    transition: 0.3s;
	border-bottom : 1px dotted #099e48;
	
}

/* When you mouse over the navigation links, change their color */
.sidenav > a:hover {
    color: #f1f1f1;
	background-color : #223380;
}

/* Position and style the close button (top right corner) */
.sidenav .closebtn {
    position: absolute;
    top : 0;
    right: 25px;
    font-size: 1rem;
    margin-top: 7px;
    margin-left: 25px;
	background-color : red;
	
	border-radius : 50%;
}


/* On smaller screens, where height is less than 450px, change the style of the sidenav (less padding and a smaller font size) */
@media screen and (max-height: 450px) {
    .sidenav {padding-top: 15px;}
    .sidenav a {font-size: 18px;}
}

.sidenav-drop
{
	display : none;
}
.sidenav-drop-anchor
{
	font-size : 0.85em;
	font-weight : bold;
	 padding: 8px 8px 8px 50px;
    text-decoration: none;
    
    color: #223380;
    display: block;
    transition: 0.3s;
	border-bottom : 1px dotted #f78c00;
}
.fh
{
	height : 100%;
}
.dbtn
{
	background-color : red;
	border-radius : 52%;
	color : white;

	margin-right : 5px;
	border : 2px solid red;
}