/* Enter Your Custom CSS Here */

html{margin-top: 0 !important; padding: 0;}
body{font-size: 16px; line-height: 1.0; color: #333; margin: 0; padding: 0;}
p{line-height:1.5 !important;}
.sp-tab-content ul {border-bottom:none !important;}
header{background: url("http://public-institutions.civicstudios.com/wp-content/uploads/2020/10/header_bg.jpg") bottom repeat-x #1a1a1a !important; padding-bottom: 1.5rem;}
footer{background: #1a1a1a !important; padding: 0rem 0 !important;}
header img{max-width: 6rem;}

a {color:#0a9faf !important;}
.site-content{background: url("http://public-institutions.civicstudios.com/wp-content/uploads/2020/10/site_bg.jpg"); min-height: calc(100vh - 4.9rem);}

.container{max-width: 1200px;}

.mt2{margin-top: 2rem;}
.mt3{margin-top: 3rem;}
.back-btn{background-color:#FFFFFF;}
.h_100{height: calc(100% - 4rem) !important;}

.chart .box.overlay_back{position: relative;}
.chart .box.overlay_back::before{content: ''; width: 100%; height: 100%; border: 1px solid rgba(10,159,175,0.2); position: absolute; left: -0.8rem; bottom: -0.8rem; z-index: 0; border-radius: 1rem;}
.hl_top{position: relative;}
.hl_top::after{content: ''; height: 1px; background: #a2a1a1; width: 100%; position: absolute; left: 0; top: 0rem;}
.hl_top_left::after{left: 50%;}
.hl_top_right::after{left: -50%;}

.vl_top, .vl_down{position: relative;}
.vl_top{margin-top: 2rem;}
.vl_top::after{content: ''; height: 2rem; background: #a2a1a1; width: 1px; position: absolute; left: calc(50% - 0.5px); top: -2rem;}
.vl_down::after{content: ''; height: 2rem; background: #a2a1a1; width: 1px; position: absolute; left: calc(50% - 0.5px); top: 100%;}

.verticle_line_l_half{height: 3rem; background: #a2a1a1; width: 1px;}

.chart .box{margin-bottom: 1.9rem; border-radius: 0rem; background: #fff; transition: 0.70s;
	-webkit-transition: 0.70s;
	-moz-transition: 0.70s;
	-ms-transition: 0.70s;
	-o-transition: 0.70s;}
.chart .box p{margin: 0;}
.chart .box h1{font-size: 1.3rem; margin: 0; padding: 0;}
.chart .box a{color: #333; min-height: 4rem; padding: 0.7rem 1rem; border-radius: 7px; display: flex; align-items: center; justify-content: center; flex-direction: column; text-align: center; position: relative; z-index: 2; transition: 0.3s;
	-webkit-transition: 0.3s;
	-moz-transition: 0.3s;
	-ms-transition: 0.3s;
	-o-transition: 0.3s;}
.chart .box a:hover{color: #333; text-decoration: none;}

.chart .box.main_lavel{}
.chart .box.main_lavel a{background: #0a9faf; color: #fff;}


.lavel-1 .box{background: #fff; border: 0px solid #0a9faf; box-shadow: 4px 4px 2px rgba(0,0,0,0.15); border-radius: 7px;}

.only_line{border: 0 !important;}
.only_line::after{content: ''; border: 0; top: 0rem; margin-top: 0px;}


.chart .box h2{font-size: 1.2rem; margin: 0;}
.chart .lavel-1 .box h2{font-size: 0.9rem}

.single_line{}
.single_line::after{content: ''; width: 5.47rem; left: 1.8rem;}

.nav-tabs .nav-link, .nav-tabs{border: 0;}

.nav-tabs .vl_down::after{top: 3.3rem; height: 1.7rem;}


.slide_back_btn{font-size: 1.0rem; background: #209fd9; color: #fff; padding: 1.0rem 1rem; letter-spacing: 2px; text-transform: uppercase;}
.slide_back_btn .hide_close{cursor: pointer;}

.noScroll{overflow: hidden; background: rgba(0,0,0,0.3); position: absolute; height: 100%; width: 100%; z-index: 100; transition: 0.70s;
	-webkit-transition: 0.70s;
	-moz-transition: 0.70s;
	-ms-transition: 0.70s;
	-o-transition: 0.70s;}
.slidingDiv{display: block !important; right: 0 !important; transition: 0.70s;
	-webkit-transition: 0.70s;
	-moz-transition: 0.70s;
	-ms-transition: 0.70s;
	-o-transition: 0.70s;}

.slide-wraper{background: #fff; position: fixed; height: 100%; top: 0; z-index: 101; right: -100%; overflow-y: scroll; transition: 0.70s;
	-webkit-transition: 0.70s;
	-moz-transition: 0.70s;
	-ms-transition: 0.70s;
	-o-transition: 0.70s;}
.sliding_content {margin: 0px 0; height: 100vh; background: white; width: 35rem; position: relative; border-radius: 3px; z-index: 99;}
.sliding_content .slide-header {border-bottom: 1px solid #E8E8E8; margin-bottom: 1rem;}
.sliding_content .content {padding: 0.5rem 1rem;}



.nav-item{}
.nav-item .nav-link .box{text-transform: uppercase; color: #0a9faf; border: 1px solid #0a9faf; border-radius: 7px;}
.nav-item .nav-link.active .box{background: #0a9faf; color: #fff;}
.nav-item .nav-link.active .box h2{color: #333;}
.nav-item .box h2{font-size: 1.1rem !important; padding: 0;}


/* iframe{border: 0; width: 100%; height: calc(100vh - 6rem);} */

.nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active{background: none;}

/*.modal-wrapper.styled.show{}
.modal-wrapper.styled .wp-post-modal{position:absolute; right:0; width: 40%; height:100vh; overflow-y: auto; margin: 0 0;}*/
.modal-wrapper.styled .wp-post-modal p{line-height: 1.4; font-size: 0.85rem;}
.modal-content img{}
.modal-wrapper.styled .wp-post-modal .loading{padding: 2rem 0 !important;}
.modal-wrapper.styled .wp-post-modal .loading img{width:30px !important; height: 30px !important;}
.close-modal:focus {
	outline: none !important;
	border-radius: 0px;
}




.chart .box.main_bg a{background: #0fa0af; color: #fff; border-radius: 7px; box-shadow: 4px 4px 2px rgba(0,0,0,0.15);}
.chart .box.main_bg a h2{color: #fff;}

.nav-item .nav-link.active .box{background: #d4f6f9; color: #333;}

.chart .box.tc a{background: #fff; color: #333; border: 1px solid #0fa0af;}
.chart .box.tc a:hover{background: #0a9faf; color: #fff;}

/*.chart .box.tc.tc1 a{background: rgba(10,159,175,0.9); color: #fff;}*/
/*.chart .box.tc.tc1 a{background: #025d54; color: #fff;}
.chart .box.tc.tc1 a:hover{background: #013e38; color: #fff;}
.chart .box.tc.tc1 a h2{color: #fff;}

.chart .box.tc.tc2 a{background: #009788;; color: #fff;}
.chart .box.tc.tc2 a:hover{background: #02655b;; color: #fff;}
.chart .box.tc.tc2 a h2{color: #fff;}

.chart .box.tc.tc3 a{background: #48b14c; color: #fff;}
.chart .box.tc.tc3 a:hover{background: #307532; color: #fff;}
.chart .box.tc.tc3 a h2{color: #fff;}

.chart .box.tc.tc4 a{background: #cdde20; color: #fff;}
.chart .box.tc.tc4 a:hover{background: #99a51c; color: #fff;}
.chart .box.tc.tc4 a h2{color: #fff;}

.chart .box.tc.tc5 a{background: #b43d06; color: #fff;}
.chart .box.tc.tc5 a:hover{background: #9b3200; color: #fff;}
.chart .box.tc.tc5 a h2{color: #fff;}

.chart .box.tc.tc6 a{background: #f18805; color: #fff;}
.chart .box.tc.tc6 a:hover{background: #ce7303; color: #fff;}
.chart .box.tc.tc6 a h2{color: #fff;}

.chart .box.tc.tc7 a{background: #e4b405; color: #fff;}
.chart .box.tc.tc7 a:hover{background: #d6a800; color: #fff;}
.chart .box.tc.tc7 a h2{color: #fff;}*/


/* Post page CSS */
.entry-header{display:none;}
.page-content, .entry-content, .entry-summary{margin: 0 0 0 0;}
.entry-footer{display:none;}
.post-thumbnail{display:none;}
h3{font-size:24px; margin-top:20px; margin-bottom:25px;}
#modal-ready{line-height:1.4;}
.intro{font-size:18px; font-style:italic; font-weight:500;}
.fade:not(.show){display: none;}

.tab-content > .tab-pane .nav-item .box h2{font-size: 0.85rem !important;}
.supreme_court.hl_top::after {width: 2.2rem;}
.president.hl_top::after {width: 50%;}

.single_tab_line.hl_top_left::after {margin-left: 6.2rem;}

.same_lavel.hl_top_left::after{width: calc(50% + 2rem); top: 50%;}
.same_lavel.vl_top::after{left: calc(100% + 2.8rem); height: calc(100% + 1rem); top: 0rem;}
.same_lavel.vl_top.half::after{height: calc(50% + 0rem);}
.same_lavel.vl_down::after{left: calc(100% + 2.8rem); height: 4rem;}
.top_head::before{content: ''; width: calc(50% - 0rem); top: calc(50% + 1px); left: calc(50% + 2.8rem); height: 1px; background: #a2a1a1; position: absolute;}
.top_head::after{content: ''; height: calc(50% - 0rem); top: calc(50% + 1px); left: calc(100% + 2.8rem); width: 1px; background: #a2a1a1; position: absolute;}

.same_lavel_hltop::after{width: calc(100% + 2rem);}
.vl_top2::before{height: 1px; content: ''; background: #a2a1a1; width: calc(50% + 1.9rem); position: absolute; top: 100%; left: calc(50% + 0rem);}
.vl_top2::after{width: 1px; content: ''; background: #a2a1a1; height: 50%; position: absolute; top: 100%; left: calc(100% + 1.85rem);}
.lastline.vl_top::after {content: ''; height: 50%;}

.sp-tab__tab-content iframe{width:560px !important;}
.ncb.vl_top::after{top: 0;}
.box.ncb{box-shadow: none; border: 0px solid #0a9faf; background: none;}
.box.ncb.vl_top::after{height: calc(100% + 2rem);}
.ncb a{box-shadow: 4px 4px 2px rgba(0,0,0,0.15); border: 0px solid #0a9faf; background: #fff;}
.new_line.hl_top::after{width: calc(100% - 1.49rem);}

td, th{padding:5px;}
table tr td{border:1px solid #666;}

.new_tab .hl_new{position: relative; z-index: 1;}
.new_tab .hl_new::after{content: ''; background: #a2a1a1; height: 1px; width: 100%; top: calc(50% + 3.48rem); left: 50%; position: absolute;}
.new_tab:last-child .hl_new::after{width: 100%;}
.new_tab .hl_new .box{z-index: 3; position: relative; background: #fff !important;}
.new_addtab.hl_top::after {width: 60%; left: 19%;}


#exampleModalCenter {cursor: pointer;}
#sp-tabpro-wrapper_219.sp-tab__lay-default .sp-tab__tab-content > .sp-tab__tab-pane{font-size: 15px;}  

.main_tab1.hl_top::after {width: 125%;}
.main_tab2 .vl_down::after {height: 2rem;}
.main_tab2 .vl_top::after {content: ''; height: 2rem;}
.main_tab2 .hl_new::after {width: 139%}
.main_tab2.hl_top_right::after {width: 125%; left: -75%;}

.tab2_content .tab2_content2 .vl_top::after {top: -10rem; height: 10rem;}
.tab1_content .tab1_content2 .vl_top::after {top: -17rem; height: 17rem;}
.tab1_content2_vl_top::after{display: none;}

.voice_pres .vl_down::after {left: calc(50% + 1rem);}
.voice_pres {position: relative;}
.voice_pres::before {content: ''; height: 1px; width: 50%; background: #a2a1a1; position: absolute; left: calc(50% + 1rem); bottom: 0;}
.voice_pres::after {content: ''; height: 200%; width: 1px; background: #a2a1a1; position: absolute; left: calc(100% + 1rem);}

.modal-body {font-size: 0.9rem; line-height: 1.2;}
.modal-body p{margin: 0 0 1rem;}
.modal-body ul.cmn{}
.modal-body ul.cmn li{padding: 0 0 1rem;}
.modal-body ul.cmn li:last-child{padding-bottom: 0rem;}
.modal-title{font-size: 1.2rem;}

.ministries50.hl_top_right::after {width: 3.41rem; left: 4rem;}
.ministries50 img{height: 1rem; margin-left: 1rem;}

.bg1{background: #73c8d0 !important;}
.bg2{background: #0fa0af40 !important;}
.bg3{background: #1a1a1a5e !important;}

.new1:after{top: -2rem;}