/*
 Table of Contents

1. Universal Site Header
  - SMCM Header
  - SIDR Off-Canvas Navigation

2. Universal Site Footer
  - SMCM Footer

3. Media Queries
  -Desktop
  -Tablet
  -Smartphones
---------------------------------------------------------------------------------------------------- */
/*Starting CSS for new header*/


.noshow{
    display: none;
}

.more-search {
    background:#00205c;
    width:280px;
    position:relative;
    left:-45px;
    top:10px;
    height:120px;
}

span.screen-reader-text a{
    display:block;
    text-align:left;
    background:#293b80;
    padding:0.8em;
    margin-top:1em;
    margin-left:1.5em;
    margin-right:1.5em;
    margin-bottom:0 !important;
    color:white;
    font-size:80%;
}

span.screen-reader-text a:after {
    font-family:'dashicons';
    content: "\f338";
    float:right;
    font-size:26px;
    position:relative;
    top:-8px;
}

header.top-nav {
	z-index:50000;
}

header.top-nav .one-fourth{
    width:22.076923%;
    border-right:1px solid #293b80;
    height:70px;
    padding:1em;
    text-align:center;
}

header.top-nav .one-third {
  border-right:1px solid #293b80;
  padding-right:1.5em;
  padding-left:1.5em;
  padding-top:5px;
  height:70px;
  margin-left:0px;
}

header.top-nav .one-sixth {
  border-right:1px solid #293b80;
  height:70px;
  padding:1em;
  margin-left:0px;
}

#off-canvas-menu-button {
    color:white;
  }


header.top-nav .one-fourth:last-of-type {
    border:none
}

header.top-nav .one-fourth .logo {
    position:relative;
    top:-6px;
    left:-15px;
}


header.top-nav .one-fourth input {
    padding:6px;
    border-radius:100px;
    position:relative;
    top:0px;
   right:1em;
}


header.top-nav .one-fourth #off-canvas-menu-button {
    color:white;

     position:relative;
    
}

span.toggle-text {
     font-family:sans-serif;
    font-size:20px;
    position:relative;
    top:-25px;
    left:80px;
    display:inline ;
    float:right;
}
/* Social Icon Styles for Header and Footer */
header.top-nav .one-fourth .simple-social-icons {
	margin-left:-25px;
}
footer #social-icons {
	margin-left:10px;
}
header.top-nav .one-fourth .simple-social-icons, footer #social-icons {
    position:relative;
    top:-3px;
  padding:0px !important;
}

header.top-nav .one-fourth .simple-social-icons li a, footer #social-icons li a {
    border-radius:160px !important;
    background:white !important;
    color:#00205c !important;
    font-size: 18px!important;
    padding: 9px!important;
}

header .simple-social-icons ul li, footer #social-icons ul li {
  margin: 0 2px 10px !important;
}

/*-----------------------------*/

/*Emergency Message Area*/



#announcement {
    padding:0px;
    border-top: 4px solid rgb(139, 10, 10);
    background:#eee;
    width: 100%;
    z-index: 40000;
}


#announcement.notice {
     border-top: 4px solid green !important;
}

#announcement .wrap {
    padding: 10px 0 10px 0;
}

#announcement h4, #announcement p {
    display:inline;
}

#announcement h4 {
    font-weight:bold;
    font-size:17px;
    margin-right: 5px;
}

#announcement p {
    margin-left:5px;
    margin-right:5px;
    padding-left:10px;
    border-left: 1px solid;
    font-size:13px;
}

#announcement a {
    text-decoration:underline;
}

#announcement a:after {
    content:' >>';
}

/*Universal Site Header*/

  /*SMCM Header*/

  /*-------------------SIDR*/

.sidr input[type="search"] {
    background:white;
     border:1px solid #ccc;
     border-radius:4px;
     margin-top:15px;
}

.sidr input[type="submit"] {
    padding:7px;
    display:inline-block;
    background:#1e3159;
    color:white;
     font-size: 12px;
   
}

.sidr input[type="submit"]:hover {
  background:#1e3159;
}

input#sidr-id-google-search-input-oc {
    color:black;
    padding:1em;
}

.sidr {
    background: #fafafa;
    box-shadow:none;
    color:#686868;
    width:300px;
}

.sidr ul li a, .sidr ul li span {
   color:#686868;
   
   
}

.sidr ul li a:hover {
    box-shadow:none;
    background:rgba(0, 1, 1, 0.1);
}

.sidr ul li   {
    border:none;
    margin-left:10px;
    margin-right:10px;
 
}

.sidr ul li a {
    border-bottom:1px solid #ddd;
    
}


.sidr ul {
    border:none;
}

.sidr-class-ul-label {
    text-transform:uppercase;
    border-bottom:4px solid #1e3159;
    padding-bottom:5px;
    color:black;
}


span.sidr-class-screen-reader-text a {
    display:block;
    padding-left:8px;
    padding-right:1em;
    padding-bottom:0.8em;
    border-bottom:1px solid #ddd;
    padding-top:0em;
    padding-bottom:0.5em;
    margin-bottom:2em;
    margin-right:1em;
    margin-left:1em;
     color: black;
}



span.sidr-class-screen-reader-text a:after {
    content:' >'
}

span.sidr-class-screen-reader-text {
    text-transform:uppercase;
    font-size:13px;
}

form#sidr-id-google-search-oc > span{
    border-bottom:4px solid;
    display:block;
    padding-top:2em;
    margin-bottom:1em;
    color:black;
}



#off-canvas-nav {
  display:none;
}


.universal-nav {
   padding-top:1.5em;
    background: white;
   }

nav.primary-nav.two-thirds {
   float: right;
   width:62.811966%;
   
}

nav.primary-nav.two-thirds {
    position:relative;
   top:8px;
}

nav.primary-nav.two-thirds a {
   padding:.8em;
   color:black;
   

}

h1.block-title.one-third img {
    padding-left:0px; !important;
    position:relative;
    
    
}

.top-nav {
    background:#00205c;
    position: fixed;
    width: 100%;
    z-index:30000;
}

.site-container {
    padding-top: 64px;
}

.right.one-half a {
   
    color:white;
  
  text-align:left !important;
    
}

footer .right.one-half {
  margin-top:1.7em !important;
}

.left.one-half, .right.one-half {
    margin-top:2px;
    margin-left:0%;
   
}



.left.one-half a {
    margin:.3em;
     color:white;
     font-size:80%;
     padding-left:15px;
}

footer #social-icons {
		display:none;
	}

/*--------Inline Google Sheets--------*/
.igsv-table {
    font-size:14px;

}

.dataTables_length select{
    width:45%;
}

.dataTables_filter {
    position:absolute;
    float:left;
    text-align:left!important;
    top:4em;
}

.dataTables_scroll {
    display:block;
    padding-top:6em;
}

.dataTables_scrollHead{
    background:#F7f7f7;
}

ul.ColVis_collection li{
    width:100%;
    text-align:center!important;
}

ul.ColVis_collection li span {
    cursor: pointer;
    text-align: center!important;
}

button.ColVis_Button, ul.ColVis_collection li {
    position: relative;
    float: left;
    margin-right: 3px;
    padding: 5px 8px;
    border: 1px solid #999;
    cursor: pointer;
    font-size: 0.88em;
    color: black !important;
    white-space: normal!important;
}

.dataTable thead {
    background-color: #F4F4F4;
}

table.dataTable {
    display:block;
    padding-top:7em;
}

    /*SMCM Footer*/
       .site-footer {
        background-color:#00205c !important;
          background-image:url(/wp-content/themes/smcm-common/img/footer/footer-background.jpg);
        background-repeat: no-repeat;
        background-position: center;
        color: white;
        overflow: hidden;
        clear: both;
        padding: 3em 0 !important;
        text-align:left !important;
        color: white !important;
    }

    footer#footer .one-half {
    margin-left:0;
}
  
  
  .give {
   color:black;
   border:none !important;
}

.give > .one-fourth {
    background:#ffcc00;
    border:none;
    text-align:center;
    padding-top:.5em;
    padding-bottom:.5em;
    width:16%;
    border-radius:5px;
    position: relative;
    top: 10px;
}


#footer a {
    border:none;
}

nav.footer-nav li:first-of-type {
    font-weight:bold;
    font-size:16px;
}


.affliation {
    margin-left:15px;
    margin-top:20px;
}


.affliation img {
    max-width:260px;
    margin-left: -20px;
}
div.wrap.social {
    
    margin-left:10px;
}

nav.right.one-half.top-nav a{
    float:right;
    margin-left:1.5em;
    font-size:80%;
    padding-bottom:0px !important;
    margin-top:4px !important;
}

#footer .one-third {
  width:30.623932%;
  padding: 0 1em;
}

footer#footer .two-thirds {
    margin:0.3em 0 1em 0;
}


nav.footer-nav ul {
    margin:0px;
}

nav.footer-nav ul li  {
    list-style-type:none;
    padding-bottom:0.6em !important;
}

/*About St. Mary's photo-menu styling*/

.menu-top-photo-menu-container li.current_page_item a {
    background:none !important;
    font-weight:bold;
    color:#ffcc00 !important;
}

.page-navigation-wrap{
    
    cursor:pointer;
	position:absolute;
   
}

.page-navigation-wrap nav.page-navigation .toggle-menu {
    color:white;
    padding:15px;
    background:#00205c;
    font-size:0.63em;
    display: inline-block;
    width:300px;
    margin-left: 1em;
	z-index:2;
	position:relative;
}

.page-navigation-wrap nav.page-navigation .menu-top-photo-menu-container ul#navigation {
    list-style-type:none;
    background:#042B74;
  

}
.page-navigation-wrap nav.page-navigation .menu-top-photo-menu-container ul#navigation, ul {
    padding:0px;
}

.page-navigation-wrap nav.page-navigation .menu-top-photo-menu-container ul#navigation a{
    color:white;
    font-size:0.5em;
   display:block;
   padding:15px 10px;
}

.page-navigation-wrap nav.page-navigation .menu-top-photo-menu-container ul#navigation a:hover{
    color:#ffb81d;

}
.page-navigation-wrap nav.page-navigation .menu-top-photo-menu-container ul#navigation ul.sub-menu{
    list-style-type:none;
    background:#00205c;
    
    margin-left:0px;
    margin-right:0px;
    padding:0 15px 10px 15px;
}


#navigation li a{
    text-transform:none;
    
}


#navigation li:last-of-type {
  border:none;
}

#navigation li.menu-item-has-children:before{
  content: "\f140";
  color:white;
  float:right;
  font-family:dashicons;
  top:10px;
  position:relative;

} 

.toggle-menu:after {
   content: "\f140";
  color:white;
  float:right;
  font-family:dashicons;
 font-size:28px;
 position:relative;
 left:5px;
 top:-3px;
} 


ul.sub-menu li  {
    border:none !important;
}

/*External Link Dashicon for Menus*/
.external-link a:after{
    content: "\f504";
    font-family: dashicons;
    position: relative;
    color: gray;
    padding-left:5px;
}

/*Support News Styles*/

/* News Post sidebar styles*/

.dept-news.widget_recent_entries, 
.dept-news.widget_archive,
.dept-news.widget_categories{
     padding:1.5em;
     background:#fafafa;
}

.dept-news.widget_recent_entries h4, 
.dept-news.widget_archive h4,
.dept-news.widget_categories h4{
    border-bottom:2px solid #ddd;
    text-transform:none;
    font-size:20px;
    padding-bottom:5px;
}

.dept-news.widget_recent_entries ul li,
.dept-news.widget_archive ul li{
    font-size:90%;
    padding-bottom:1em;
}

.dept-news.widget_categories ul li{
    font-size:90%;
}

.dept-news.widget_recent_entries .post-date{
    display:block;
    font-size:12px;
}
 






/*Accordion Dropdown Styles*/



.ui-accordion-header {
font-weight: normal;
font-size: 18px;
border-bottom: 1px solid #ddd;
padding: 10px 7px 7px 7px;
outline: none;

}

.ui-accordion-header:hover {

background:rgba(0,0,0,.01);
cursor:pointer;
color:black;
}

.ui-accordion-content {
  padding:1em;
  font-size:96%;
}


.accordion .dashicons {
width: 33px !important;
height: 32px !important;
color: #007935 !important;
border-radius: 160px;
margin-right: 0.4em;

position: relative;
}

.dashicons-arrow-right-alt2:before, .dashicons-arrow-down-alt2:before {
    font-size:20px;
    position:relative;
    top:-5px;
}







.dashicons, .dashicons-before:before {
display: inline-block;
height: 30px;
color:gray;
font-size: 30px;
line-height: 1;
font-family: "dashicons";
text-decoration: inherit;
font-weight: 400;
font-style: normal;
vertical-align: top;
text-align: center;
-webkit-transition: color .1s ease-in 0;
transition: color .1s ease-in 0;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;

}

.ui-accordion-header img {
    width: 150px;
    height:45px;
    position:relative;
    top:-6px;
}



/*Responsive Tabs to Accordion  */

ul.resp-tabs-list {
    margin: 0px;
    padding: 0px;
}

.resp-tabs-list li {
    font-weight: 600;
    font-size: 13px;
    display: inline-block;
    padding: 13px 15px;
    margin: 0;
    list-style: none;
    cursor: pointer;
    float: left;
}

.resp-tabs-container {
    padding: 0px;
    background-color: #fff;
    clear: left;
}

h2.resp-accordion {
    cursor: pointer;
    padding: 5px;
    display: none;
}

.resp-tab-content {
    display: none;
    padding: 15px;
}

.resp-tab-active {
    border: 1px solid #c1c1c1;
    border-bottom: none;
    margin-bottom: -1px !important;
    padding: 12px 14px 14px 14px !important;
}

.resp-tab-active {
    border-bottom: none;
    background-color: #fff;
}

.resp-content-active, .resp-accordion-active {
    display: block;
}



h2.resp-accordion {
    font-size: 13px;
    border: 1px solid #c1c1c1;
    border-top: 0px solid #c1c1c1;
    margin: 0px;
    padding: 10px 15px;
}

h2.resp-tab-active {
    border-bottom: 0px solid #c1c1c1 !important;
    margin-bottom: 0px !important;
    padding: 10px 15px !important;
}

h2.resp-tab-title:last-child {
    border-bottom: 12px solid #c1c1c1 !important;
    background: blue;
}
/*-----------Vertical tabs-----------*/
.resp-vtabs ul.resp-tabs-list {
    float: left;
   
}

.resp-vtabs .resp-tabs-list li {
    display: block;
    padding: 15px 15px !important;
    margin: 0;
    cursor: pointer;
    float: none;
}

.resp-vtabs .resp-tabs-container {
    padding: 0px;
    background-color: #fff;
    border: 1px solid #c1c1c1;
    float: left;
    width: 68%;
    min-height: 250px;
    border-radius: 4px;
    clear: none;
}

.resp-vtabs .resp-tab-content {
    border: none;
}

.resp-vtabs li.resp-tab-active {
    border: 1px solid #c1c1c1;
    border-right: none;
    background-color: #fff;
    position: relative;
    z-index: 1;
    margin-right: -1px !important;
    padding: 14px 15px 15px 14px !important;
}

.resp-arrow {
    width: 0;
    height: 0;
    float: right;
    margin-top: 3px;
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    border-top: 12px solid #c1c1c1;
}

h2.resp-tab-active span.resp-arrow {
    border: none;
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    border-bottom: 12px solid #9B9797;
}

.resp-tabs-container.vertical {
    height: 250px;  
    overflow-y: scroll;;
}

/*-----------Accordion styles-----------*/
h2.resp-tab-active {
    background: #DBDBDB !important;
}
.resp-easy-accordion  h2.resp-accordion {
        display: block;
}
.resp-easy-accordion .resp-tab-content {
    border: 1px solid #c1c1c1;
}

.resp-easy-accordion .resp-tab-content:last-child {
    border-bottom: 1px solid #c1c1c1 !important;
}

.resp-jfit {
    width: 100%;
    margin: 0px;
}

.resp-tab-content-active {
    display: block;
}

h2.resp-accordion:first-child {
    border-top: 1px solid #c1c1c1 !important;
}


/*Main Menu Left */

.is-open {
   background:#00205c;
   color:white;
}

/*Below Footer*/

.below-footer{
background:#eee;
padding:0.5em;
font-size:13px;

}

nav.copyright a {
   color:#686868;
   border-right:1px solid;
   padding-right:10px;
   padding-left:10px;
  
}

nav.copyright a:last-of-type {
  border:none;
}

/* Remove Border Radius */
.square {
	-moz-border-radius:0!important;
	-o-border-radius:0!important;
	-webkit-border-radius:0!important;
	border-radius:0!important;
}

/*Media Queries*/

@media only screen and (min-width: 1024px) {
       #off-canvas-menu-button {
        display: inline;
        float: left;

        left: -10px;
        position: relative;
    }

      button.menu-toggle {
        display:none;
    }

}

/*Primary Sidebar Nav Dropdown*/

@media only screen and (max-width: 768px) {
    ul.resp-tabs-list {
        display: none;
    }

    h2.resp-accordion {
        display: block;
    }

    .resp-vtabs .resp-tab-content {
        border: 1px solid #C1C1C1;
    }

    .resp-vtabs .resp-tabs-container {
        border: none;
        float: none;
        width: 100%;
        min-height: initial;
        clear: none;
    }
    .resp-accordion-closed {
        display:none !important;
    }
    .resp-vtabs .resp-tab-content:last-child {
        border-bottom: 1px solid #c1c1c1 !important;
    }

}


@media only screen and (max-width: 1023px) {

    /*Primary Sidebar Nav Dropdown*/
    button.menu-toggle {
    display: block;
    width: 100%;
    background: #00205c;
    color:white;
    }

    button.menu-toggle:hover {
      background: #00205c;
    }

    span.toggle-text {
      display:none;
      top:-15px;
    }

    #off-canvas-menu-button {
      top:10px !important;
    }

    .menu-main-menu-container{
          display:none;
    }



        /*SIDR*/

      .left.one-half .dashicons-menu {
      content: "\f333";
      font-family: "dashicons";
      -webkit-font-smoothing: antialiased;
      font: normal 24px/1 'dashicons';
      margin: .1em;
      padding-left: 5px;
      padding-right: 5px;
    }

  .block-title.one-third {
       display:none;
    }
    
    
    .primary-nav.two-thirds {
        display:none;
    }
    
    .left.one-half a, .right.one-half a, #universal-nav {
        display:none;
    }
    
    #off-canvas-menu-button {
        display:block;
        position:relative;
        top:20px;
    }
    
    .dashicons.dashicons-menu {
      width:50px;
      height: 50px;
    }

    /*.site-header {
      margin-top: 80px;
      clear:both;
    }*/
    

    .top-nav {
  /*      height:80px; */
        background-repeat:no-repeat;
        background-position:center;
        background-size:280px;
        position: fixed;
        width: 100%;
        z-index: 1000;
    }

    /*
    .top-nav .one-third {
        height:80px;
    }
*/
    .site-container {
      padding-top:0px;
    }

    header.top-nav .one-third {
        display:block !important;
        border-right:none;
        width:auto;
        top:0px;
        text-align:center;
        height: 80px;
    }


    header.top-nav .one-fourth:nth-of-type(3), header.top-nav .one-fourth:nth-of-type(2), header.top-nav .one-fourth:nth-of-type(4),
    header.top-nav .one-third {
      display:none;
    }

    header.top-nav .one-fourth:first-of-type {
      border:none;
    }

    .toggle-text {
      display:none;
    }


    ul#navigation li {
      display:block;
      width:100%;
      border-bottom:1px solid rgba(250, 250, 250, 0.3) !important;
    }

    /*Top Photo Header Menu*/

    .page-navigation-wrap {

        margin:0 auto;
      }


    /*Footer Styles*/

    .right.one-half {
      display:none;
    }

    #footer > .wrap >.one-half img {
      display:none !important;
    }

    #footer > .wrap .one-half, #footer .two-thirds  {
      width:100% !important;
      padding-left:15px;
      font-size:90%;
      padding-bottom:.8em;
      padding-top:0.8em
    }


    #footer .two-thirds:before {
      content:'St. Marys College of Maryland';
      font-weight:bold;
      font-size:17px;
    }

    #footer .one-fourth {
      display:none;
    }

    .wrap .social {
      font-size:30%;
    }

    .affliation {
      display:none;
    }

	footer #social-icons  {
		display:block;
	}

}

@media only screen and (max-width: 767px) {
  .top-nav {
    background-size:200px;
  }

    header.top-nav .one-sixth {
        max-width: 14.52991452991453%;
    }

    header.top-nav .one-third {
      position:relative;
        top:10px;
        max-width:285px !important;
        float:left;
        left:5%;
        text-align:center;
        height: 80px;
    }

}

@media only screen and (max-width: 440px) {

    .dataTables_length select{
        width:20%;
    }

    .dataTables_filter {
        top:7em;
    }

}
}