/* pragmatic css starts*/
.brand-logo img{max-width:160px}
.container-header {max-width:1150px;width:100%;margin:0 auto;background:transparent}
.container-header .logo-row{background:url('/images/headers/vsu_header_bg.jpg') no-repeat right bottom;background-size:cover;max-width:1150px;width:100%;margin:0 auto}
body{max-width: 1200px;margin: 0 auto;box-shadow: 0 0 8px 0 grey;}
.head-text h3,.head-text h5{color:white}
header .col-md-2{text-align:center}
.search-row{display:flex;justify-content:end;background:#201c8a}
.container-header .search-row .container-search{margin:0}
.search-row .mod-finder__search.input-group .awesomplete input{padding:7px;height:30px}
.search-row .mod-finder__search.input-group{height:30px}
.container-header .mod-menu li a{background:#fd5800;padding:15px;border-radius:0 0 10px 10px;font-weight:600}
.container-header .mod-menu li a:hover{background:#201c8a}
.container-header .menu-row .mod-menu li.active a {background:#201c8a}
.container-header .menu-row .mod-menu li.active:after{background:transparent}
.container-header .menu-row .mod-menu li+li{margin-left:5px}
.container-header .menu-row .mod-menu{justify-content:center}
.grid-child.banner-row{padding:0 20px}
.grid-child.banner-row .banner-bg{background:#ac9f91;display:flex;width:100%}
.slider-menu{margin-left:-70px}
.grid-child.banner-row .metismenu.mod-menu .metismenu-item{background:#ac9f91;justify-content:center;padding:0;border-bottom:1px solid gray}
.grid-child.banner-row .metismenu.mod-menu .metismenu-item a{color:white;padding:26px;width:100%;text-align:center;padding-left:70px;font-weight:500}
.grid-child.banner-row .metismenu.mod-menu .metismenu-item a:hover{background:#db974e;text-decoration:none}
.grid-child.banner-row .container-banner{margin:0}
.grid-child.welcome-row{padding:10px 20px}
.welcome-col,.events-col{padding:0 10px}
.welcome-col h5,.events-col h5{color: #FE5A01;font-size: 18px;}
.events-col h5{text-align:center}
.welcome-col hr,.events-col hr{margin:10px 0}
.welcome-col p{text-align:justify}
.grid-child.imglnk-row{justify-content:center;padding:0 0 30px}
.soc-col{display:flex;align-items:center}
.soc-col img{height:40px}
.footer .grid-child{padding: 20px 20px;background: #E6E6E6;border-top: 1px solid grey;}
.copyrt-col{color:#000;margin:0;font-size:14px;text-align:center}
footer .email-lnk a{color:green!important;text-decoration:none;font-size:15px;font-weight:500}
.container-header .container-nav{justify-content:center}
.baTabsWarp.vertical.style1 .ba__nav-tabs > li a{border-color:#e7e7e7 transparent #e7e7e7 #fd5800;color:#000;padding: 10px;font-size: 15px;}
.baTabsWarp.vertical.style1 .ba__nav-tabs > li a:hover, .baTabsWarp.vertical.style1 .ba__nav-tabs > li.tab__active > a{border-left-color:#201c8a}
.about-tab .baTabsWarp{padding:0 20px}
.full-width-row{padding:0 25px}
.details-col td{padding:0 15px;vertical-align:baseline}
.details-col{padding:20px;box-shadow:0 0 8px 0 #c5c5c5}
.mem-only .mod-login__options{display:none}
.mem-only .plg_system_webauthn_login_button{display:none}
.mem-only .mod-login{padding:10px;box-shadow:0 0 8px #cfcfcf}
.zoom:hover{-ms-transform: scale(1.2);-webkit-transform: scale(1.2);transform: scale(1.2); }
.chapter-officers .row{column-gap:10px;row-gap:20px}
.zoom{transition: transform .5s;padding: 5px;box-shadow: 0 0 5px #dbdbdb;background: white;width: 24%;text-align:center;color:#000}
.zoom p{margin:0}
.chapter-officers{padding:15px;box-shadow:0 0 8px 0 #c5c5c5;margin:20px 0 0;}
.chapter-officers .row.two{margin:40px 0 0}
.past-chap-presi{width:100%}
.past-chap-presi tr.odd{background:#fd5800;color:#fff}
.past-chap-presi tr.even{background:#eeece1}
.past-chap-presi th{color:#201c8a;font-size:20px}
.past-chap-presi td{padding:10px}
.past-chap-presi tr.even{color:#000}
.mem-pg-applic-tab{/*border-color: #e7e7e7 transparent #e7e7e7 #fd5800;color: #000;*/padding:20px 0;font-size:15px;/*border-width:1px 0 1px .5em;*/}
.mem-pg-applic-tab a{background: #fd5800;color: white;padding: 10px;text-decoration: none;}
.convertforms .cf-input.bottom_border{border:0;border-bottom:1px solid #000}
.mem-app-frm .convertforms.cf-labelpos-left .cf-control-group:not(.cf-hide) .cf-control-label{max-width:60%;padding:0}
.mem-app-frm .convertforms .cf-content-wrap{padding:0}
.mem-app-frm .convertforms .cf-form-wrap{padding:0}
.mem-app-frm .convertforms .cf-fields{margin:0}
.mem-app-frm .convertforms .align-rt .cf-control-input{align-items:end;flex:0!important}
.mem-app-frm .convertforms .cf-control-group.align{align-items:flex-end;justify-content: flex-end;border-bottom:1px solid #000;}
.mem-app-frm .convertforms.cf-labelpos-left .cf-control-group.align-lt:not(.cf-hide) .cf-control-label{max-width:fit-content}
.mem-app-frm .convertforms .align .cf-input.bottom_border{width:50px;padding:5px}
.mem-app-frm .convertforms .cf-control-group.pers-info{padding:0}
.mem-app-frm .convertforms .no-border .cf-input{border:0;padding:5px}
.mem-app-frm .convertforms .cf-control-group.no-border{border-bottom:1px solid #000;border-right:1px solid #000;align-items:flex-end}
.mem-app-frm .convertforms .cf-control-group.no-border.la{border-right:0}
.mem-app-frm .convertforms.cf-labelpos-left .cf-control-group.wide:not(.cf-hide) .cf-control-label{max-width:100%}
.mem-app-frm .convertforms.cf-labelpos-left .cf-control-group.wide:not(.cf-hide) .cf-control-label{flex:auto}
.mem-app-frm .convertforms .center-txt .cf-control-input{align-items:center}
.mem-btn{margin:20px 0 0}
.mem-btn a{background: #fd5800;color: white;padding: 10px;text-decoration: none;transition:ease-in-out 1s all}
.mem-btn a:hover{background:#201c8a}


@media only screen and (max-width:767px){
  .grid-child.banner-row .banner-bg{flex-direction:column}
  .slider-menu{margin-left:0}
  .djslider-default .slider-container{border-radius:0!important}
  .grid-child.welcome-row{flex-direction:column}
  .image-links.row{flex-direction:column;width:100%;margin:0 auto;padding:20px}
  .grid-child.imglnk-row{flex-direction:column;}
  .image-links.row img{width:100%;padding:0 0 20px}
  .events-col p{text-align:center}
  .container-header .container-nav{background:#201c8a}
  .container-header .container-nav nav{width:100%;justify-content:center}
  .container-header .menu-row .mod-menu{/*row-gap:25px*/margin-top:15px}
  .container-header .mod-menu li a{width:100%;display:Flex;border-radius:0}
  .search-row{justify-content:center}
  .head-text h3, .head-text h5{background:#0000004a}
  .about-tab .baTabsWarp nav{width:100% !important}
  .about-tab .baTabsWarp .ba__panel-tabs{width:100%!important}
  .zoom{width:48%}
  .chapter-officers .row.two{margin:20px -10px}
}