.logo svg {
    max-width: 200px;
    width: 200px;
}
body{background-color: #242221 !important;}
#transparentimage{background: url(../img/header.jpg); padding: 176px 0 !important;
 background-repeat: no-repeat;
    background-size: cover;
    background-position: top center;
}
.wrapall, .boxed-layout {
    background-color: #EDE8E2 !important;
}
#bg-wrap{background:  url(../img/bg-trans.png);margin-top: -250px !important;padding-bottom: 40px !important;background-position-x: center;position: relative;
background-position-y: 1110px;}

#copyright{background: transparent url(../img/footer.png) !important;background-position-x: center;
margin-top: -20px;
position: relative;
padding: 60px 0;}


#content { grid-area: main; padding-top: 0;margin-left: 20px;
margin-right: 20px;
padding-bottom: 0;}

#sidebar { grid-area: sidebar; margin-left: -20px;}

#page-wrap {z-index: 2222;
    display: grid;
    grid-template-areas: "main sidebar" ;
    grid-template-columns: 1fr 250px;
    grid-template-rows: 1fr;
   grid-gap: 10px;
    
}
#page-wrap #content{width: auto;}
.home #home-main-content { grid-area: main-home;}
.home #home-side { grid-area: side-home;}
.home #content{ display: grid;
    grid-template-areas: "main-home side-home" ;
    grid-template-columns: 1fr 320px;
    grid-template-rows: 1fr; grid-gap: 10px;}
    
  #main-content{background: #fff;padding: 30px}  
    
    
    
    
 .welcome-area{background: #E78727; color: #fff;padding: 30px;position: relative;}   
 .home-message-area{background: #fff; color: #fff;padding: 30px;position: relative;}
  .welcome-area h3{color: #fff;font-size: 22px;}
  .welcome-area p{padding-right: 80px;font-size: 18px;margin-bottom: 0;}
 .avatar{position: absolute;
top: -40px;
right: 20px;}
 .avatar img{border-radius: 50%;max-width: 132px;}
 
 
 .random-user{height: 357px;position: relative;clip-path: polygon(0 0, 84% 0%, 100% 16%, 100% 80%, 100% 100%, 0 100%, 0% 80%, 0% 20%);
background-size: cover !important;color: #fff;background-position: center top !important;}
 .random-user a{    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
}
.random-user-info{position: absolute; background: rgb(0,0,0);
background: linear-gradient(180deg, rgba(0,0,0,0) 0%, rgba(0,0,0,0.8) 76%); 
bottom: 0;
padding: 15px;width: calc(100% - 30px);}
#header.header-transparent.header-v1{box-shadow: none !important;}
.curl {
	width:50px;
	height:50px;
	position: absolute;
	top:0;
	right:0;
	background : 
		linear-gradient(
			225deg, 
			#AF3D25, 
			#AF3D25 45%, 
			#AF3D25 50%, 
			#aaa 50%, 
			#bbb 56%, 
			#ccc 62%, 
			#f3f3f3 80%,
			#fff 100%
		);
	box-shadow : 0 0 10px rgba(0, 0, 0, .5);
	transition: all .5s ease;
}
.curl:before,
.curl:after {
	content: '';
	position: absolute;
	z-index: -1;
	left: 12.5%;
	bottom: 5.8%;
	width: 70%;
	max-width: 300px;
	max-height: 100px;
	height: 55%;
	box-shadow: 0 12px 15px rgba(0, 0, 0, .3);
	transform: skew(-10deg) rotate(-6deg);
}
.curl:after {
	left: auto;
	right: 5.8%;
	bottom: auto;
	top: 14.16%;
	transform: skew(-15deg) rotate(-84deg);
}

.random-user-info p {margin-bottom: 0;}
.meetname{font-size: 16px; font-weight: bold;}
.meet{font-size: 12px; font-weight: bold;}
.current-time{background: #fff; text-align: center;padding: 30px 10px;color: #AF3D25;}

#sidebar-menu-holder{ display: grid;margin-top: 10px;
  grid-template-columns: 1fr 1fr ;
  grid-gap: 10px;}
 #sidebar-menu-holder > a {text-align: center;color: #fff;display: flex;flex-direction: column;
justify-content: center;
  background-color: red;
  aspect-ratio: 1;
}
#sidebar-menu-holder > a span{margin-top: -5px;}
#sidebar-menu-holder a svg{max-height: 80px;}
 #sidebar-menu-holder .menu1{ background-color: #E78727;}
  #sidebar-menu-holder .menu2{ background-color: #3A7C7A;}
   #sidebar-menu-holder .menu3{ background-color: #0072AF;}
    #sidebar-menu-holder .menu4{ background-color: #9674AE;}
     #sidebar-menu-holder .menu5{ background-color: #AF3D25;}
      #sidebar-menu-holder .menu6{ background-color: #4F9BE4;}
       #sidebar-menu-holder .menu7{ background-color: #907149;}
        #sidebar-menu-holder .menu8{ background-color: #E78727;}
        
        
        
#header.header-transparent.header-v1 #search-btn, #header.header-transparent.header-v1 #shopping-btn, #header.header-transparent.header-v1 #close-search-btn, #header.header-transparent.header-v1 #mobile-navigation-btn2, #header.header-transparent.header-v1 #mobile-cart-btn {
    color: rgba(255,255,255,0.8);
}
#mobile-navigation-btn2, #mobile-cart-btn, #mobile-shopping-btn {
    color: #bbbbbb;
    line-height: 90px;
}
#mobile-navigation-btn2 {
    float: right;
    font-size: 21px;
    line-height: 90px;
    margin-top: 0px;
    color: #cccccc;
}
#responsive-menu-pro-button{display: none !important}



.news-front h2{color: #AF3D25;font-size: 22px;font-weight: bold;}
.news-front article{display: flex;color: #4F4D49;margin-bottom: 20px;}
.news-front article .article-excerpt{border-bottom: 1px solid #EDE8E2;padding-bottom: 10px;}
.news-front article h3{font-size: 16px;font-weight: bold;margin-bottom: 10px;}
.news-front article p{margin-bottom: 10px;}
.news-front article .featured-image{flex: 0 1 auto;margin-right: 20px;min-width: 175px;}
.news-front article span{font-size: 12px;}
.news-front article a{font-size: 12px;color: #AF3D25;text-transform: uppercase;font-weight: bold;}
.home-message-area .wpb_row{margin-bottom: 0;}

.sponsor{margin-top: 10px;}
.quick-menu{display: flex;position: absolute;bottom: 20px;
right: 10px;}
.quick-menu a {width: 40px;
display: block;}
.quick-menu span{color: #fff;line-height: 90px;font-size: 20px;margin-right: 10px;}
.quick-menu .see-profile svg{}
.header-icons{margin-right: -20px;}
.header-icons .quick-menu{position: relative;bottom: auto;right: auto;line-height:110px;}
.header-v1 #search-btn{margin: 0 15px 0 10px;color: #fff !important;}

.page-title-area{}

.message-board-container{overflow: hidden;margin-left: -10px;margin-right: -10px;}
.blog-masonry .message-board-container article.post{width: 30%;margin: 0 10px 60px 10px;}

.page-title-area{color: #fff;padding: 4px 20px 4px 30px;display: flex;justify-content: space-between;align-items: flex-end;}
.page-title-area h1{margin-bottom: 0; color: #fff;font-weight: 400; font-size: 22px;margin-bottom: 15px;}
.page-title-area svg{width: 75px;}
.page-template-template-board .page-title-area, .single-post .page-title-area{background: #0072AF;}
.page-template-template-timesheet .page-title-area{background: #E78727}
.page-template-template-leave .page-title-area{background: #3A7C7A}
.page-template-template-share .page-title-area{background: #AF3D25}
.page-template-template-downloads .page-title-area{background: #4F9BE4}
.page-template-template-org .page-title-area{background: #907149}

.entry-image {margin-bottom: 10px;}
.blog-masonry .post h2 a{font-size: 16px;font-weight: bold; color: #4F4D49;}

.entry-meta span{font-size: 12px;}
.entry-meta a{font-size: 12px;color: #AF3D25;text-transform: uppercase;font-weight: bold;}
.sub-area{display: flex;justify-content: space-between;align-items: flex-end;margin-bottom: 20px;}
.sub-area .subtitle{margin-bottom: 15px;font-size: 22px;font-weight: bold;}

.page-template-template-board .sub-area .subtitle, .single-post .sub-area .subtitle{color: #0072AF}
.page-template-template-timesheet .sub-area .subtitle{color: #E78727;}
.page-template-template-leave .sub-area .subtitle{color: #3A7C7A;}
.page-template-template-share .sub-area .subtitle{color: #AF3D25;}
.page-template-template-downloads .sub-area .subtitle{color: #4F9BE4;}
.page-template-template-org .sub-area .subtitle{color: #907149;}
.page-template-template-org .button.color-3{background: #907149;border-color: #907149;}

.page-template-template-org hr{margin-top: 7px; margin-bottom: 3px;}
.page-template-template-org #page-wrap {
display: block;}

.button svg{width: 25px;
margin-bottom: -5px;
margin-top: -5px;}
.single-post .blog-page .post {
    margin: 0;
    padding: 0 0 40px 0;
    border-bottom: none !important;}
.single-post .entry-meta{margin-bottom: 20px;}

.copyright-col2 img{max-width: 200px;}

.page-template-template-timesheet .gform_button{background: #E78727; border-radius: 10px;border-color: #E78727;}
.page-template-template-leave .gform_button, .page-template-template-leave .gform_button_select_files{background: #3A7C7A; border-radius: 10px;border-color: #3A7C7A;}
.page-template-template-share .gform_button{background: #AF3D25; border-radius: 10px;border-color: #AF3D25;}
#field_2_5{grid-column: span 6;grid-row:1/2}
#field_2_9{grid-column: 1/ 3;grid-row:2/3}
#field_2_8{grid-column: 4/6;grid-row:2/3}
#field_2_10{grid-column: 7/13;grid-row:1/4}
#field_2_11{grid-column: span 6;grid-row:3/4}
.pdf-box svg{transition: all 0.2s ease;}
.pdf-box{display: flex;background: #faf8f6;padding: 20px 10px;margin-bottom: 10px;align-items: center;transition: all 0.5s ease;}
.download-icon{flex: 0 0 50px;}
.download-info{}
.download-info h3{font-size: 14px; font-weight: bold;margin-bottom: 5px}
.download-info h4{font-size: 14px; font-weight: 400;margin-bottom: 0;}
.pdf-box:hover svg{transform: scale(1.2)}


.memberpop.red .lightbox-header{background: #AF3D25;color: #fff;}
.memberpop.orange .lightbox-header{background: #E78727;color: #fff;}
.memberpop.green .lightbox-header{background: #6DB253;color: #fff;}
.memberpop.blue .lightbox-header{background: #0072AF;color: #fff;}
.lightbox-header{padding: 40px;}
.lightbox-content{padding: 20px 40px 10px 25px ;}
.lightbox-button{padding: 0px 40px 30px 25px ;}
.memberpop .division{font-size: 16px;
margin-bottom: 40px;}
.memberpop .name{font-weight: bold;
font-size: 30px;
margin-bottom: 7px;}
.memberpop .position{font-size: 20px;}

g[id*="-member"] {cursor: pointer;

}
g[id*="-member"]:hover .st23, g[id*="-member"]:hover .st21{fill: #eee !important;}
g[id*="-member"]:hover .st19{fill: #333 !important;}
.mobile-chart{display: none !important}

.closeit, .closeit:hover{width: 40px;
display: block;
position: absolute;
cursor: pointer;
top: 20px;
right: 20px;
background: url(../img/close.png);
    background-repeat: repeat;
    background-size: auto;
height: 40px;
text-indent: -99999px;
background-size: contain;
border-color: transparent;
background-repeat: no-repeat;
}
.memberpop a.button.color-3{background: #333;border-color:#333;margin-left: 20px;margin-top: 20px}
.lity-container{max-width: 700px;}


.logout {width: 70px !important;
float: right;
margin-left: 5px;
color: #fff;}
.logout:hover{color: #4F9BE4}