/* - A_Nav.css - */
/* http://createbridges.okstate.edu/.sandbox2/portal_css/A_Nav.css?original=1 */
/* */
/* */
/* */
/* */
#section ul.mobile li {
line-height: 1.8;
}
#section > ul > li , #section ul.mobile li {
width:  auto;
padding: 0.0em 1em;
}
.mobile li {color:yellow!important; }
ul.mobile > li a {
text-align: center;
}
ul.mobile > li li a {
text-align: left;
}
#section li.has-submenu:hover > a  {color:#ff6000!important}
#section ul.mobile li.has-submenu ul li.has-submenu >a:after { content: " \25BA"; }
#section ul.mobile li.has-submenu >a:after {
content: " \25BC";
Xcolor: white;
position: relative;
right: 0px;
font-size: .6em;
top: -2px;
}
#section ul.mobile li.has-submenu:hover >a:after {
xcontent: "  ▼";
color: #ff6600;
xposition: absolute;
xright: 4px;
}
Xul.mobile ul li {
border-bottom:1px solid gray;
}
/* */
#section ul.mobile li a { white-space: nowrap; }
#section ul.mobile {max-width:100%; }
#section a.MMactive {background-color:lightgrey}
XXX#section ul.mobile li {line-height: 1.8; padding:0}
.TopHamburger {background-color:white!important; margin:auto;height:2em}
.menu-link { display: none;}
/* */
/* */
x#section ul li a:hover { background: darkgray; }
#section ul li > a:hover { color: #ff6600; }
ul.mobile {margin:0;   margin-left: 130px;}
Xul.mobile {background: rgba(0, 0, 0, 0.8) none repeat scroll 0% 0%;}
ul.mobile {background: rgba(0, 0, 0, 1.0) none repeat scroll 0% 0%;}
#section  ul ,#section  a,#section li {
-webkit-transition: all .3s ease;
-moz-transition: all .3s ease;
-ms-transition: all .3s ease;
transition: all .3s ease;
}
/* */
/* */
#section ul.mobile ul.MMactive {
max-height:155em;
}
a.bgorange {background-color:#f60!important}
#section ul.mobile {/* */ margin:0;  margin-left: 130px;}
#section ul {
xbackground: rgba(0, 0, 0, 0.8) none repeat scroll 0% 0%;
background: rgba(0, 0, 0, 1.0) none repeat scroll 0% 0%;
padding: 0px;
margin: 0px;
list-style: none;
position: relative;
}
#section > li > ul.sub-menu {
min-width: 10em;
padding: 4px 0;
/* */
/* */
}
#section ul li { padding: 0px; }
#section > ul > li { display: inline-block;
width:12%; vertical-align: middle;
Xtext-align: center;
padding: 0.35em 0px;
}
#section > ul > li:hover { xoutline:1px dashed grey}
#section ul li a { display: inline-block; text-decoration: none; color: #000; font-size: 1em; padding:.25em;color:white; width:100%}
x#section ul li > a { height:58px; padding: 19px 12px; }
#section ul ul {
Xdisplay: none;
xmax-height:0;
position: absolute;
/* */
min-width: 160px;
/* */
list-style: none;
max-height: 0;
overflow: hidden;
}
/* */
#section ul ul > li { position: relative; }
#section ul ul > li a { padding: 5px 15px 5px 10px; xheight: auto; xbackground-color: #f4f4f4; }
/* */
#section ul ul ul { position: absolute; left: 100%; top:0; }
#section ul.mobile ul.MMactive {
max-height: 155em;
overflow: inherit;
}
/* */
@media all and (max-width: 992px) {
#section ul ul > li {
position: relative;
padding-left: 1em!important;
}
#section ul.mobile ul.MMactive ul.MMactive {
xleft: -100%;
z-index: 2;max-height:55em;
}
#section ul.mobile ul ul {
left:0;
max-height:0;
z-index: 2;
}
#navigation #section { border-top: 1px solid grey; }
.portletStaticText.portlet-static-connect-with-us {
-webkit-box-shadow: 0px 0px 24px 5px rgba(0,0,0,0.36);
-moz-box-shadow: 0px 0px 24px 5px rgba(0,0,0,0.36);
box-shadow: 0px 0px 24px 5px rgba(0,0,0,0.36);
-moz-border-radius: .8em;
-webkit-border-radius: .8em;
-o-border-radius: .8em;
border-radius: .8em;
border: 0px solid #000;
padding:.3em;
background-color:white;
}
.example-header .container { width: 100%; }
#portal-column-content {
min-width: 140px;
}
/* */
#section.MMactive ul.mobile  { max-height:155em}
#section ul li a {
padding: 1em;
}
#section ul li a:hover {
background:darkgray;
}
#section ul.MMactive {
position: relative;
}
a.menu-link { display: block; color: #f60; background-color: black; text-align:center; text-decoration: none; padding: .5em;}
/* */
a.menu-link img {
border: 1px solid #605C5C;
margin: 0 .5em;
right: 1em;
margin: auto;
display: inline-block;
vertical-align: top;
}
.menu-link span {
display: inline-block;
width: 87%;
vertical-align: top;
}
#section ul.mobile { margin-left: inherit; margin:0;}
#section > ul > li { width:auto;}
#section ul.mobile { position: absolute; max-height:0; overflow:hidden; width:100%}
#section.MMaction ul.mobile { position: absolute; max-height:155em; overflow:hidden;}
#section { clear: both; min-width: inherit; float: none; }
#section ul.mobile ul { overflow: hidden; max-height: 0; /**/ }
/* */
#section > li > ul.sub-menu { padding: 0px; border: none; }
#section.MMactive, #section > ul ul.MMactive { max-height: 155em; }
#section ul { display: inline; }
#section > ul { border-top: 1px solid #808080; }
#section li, #section > ul > li { display: block; }
#section li a { color: #000; display: block; padding: 0.8em; border-bottom: 1px solid #808080; position: relative; }
/* */
#section ul ul > li a {
xbackground-color: #e4e4e4;
xheight: 58px;
padding: 19px 18px 19px 30px;
border-left: 1px solid lightgrey;
Xmargin-left: 1em;}
#section ul ul li li a {
padding: 19px 18px 19px 30px;
border-left: 5px solid lightgrey;
Xmargin-left: 2em;
}
#section ul ul, #section` ul ul ul { display: inherit; position: relative; left: auto; top:auto; border:none;
}
td#portal-column-one div.portletWrapper {position:relative}
td#portal-column-one div.portletWrapper .portlet { margin-top: .1em; }
td#portal-column-one div.portletWrapper  { margin-bottom: .1em; }
td#portal-column-one div.portletWrapper .portlet dd {-webkit-transition: max-height 1s; /* */ transition: max-height 1s;}
td#portal-column-one div.portletWrapper .portlet dd {max-height:30em;overflow:auto}
td#portal-column-one div.portletWrapper .portlet dl.PortletItemClosed dd {max-height:0em;overflow:hidden}
td#portal-column-one div.portletWrapper dl dt::before {position:absolute;right:0px;xzoom:.18;top:0;content:url(http://createbridges.okstate.edu/.sandbox2/arrow_up-01.png)}
/* */
td#portal-column-one div.portletWrapper dl.PortletItemClosed dt::before {content:url(http://createbridges.okstate.edu/.sandbox2/arrow_down-01.png)}
/* */
td#portal-column-one div.portletWrapper dl.PortletItemClosed dd {max-height:0!important}
}
/* */
@media all and (min-width: 601px) and (max-width: 992px) {
#portal-column-two .portletWrapper {display: inline-block; width: 48%;}
#portal-column-two .portletWrapper .portletStaticText.portlet-static-secondary-menu {width:100%;}
td#portal-column-one, td#portal-column-two,
td#portal-column-content {display:inline-block; width:100%;max-width:100%}
div.closing{display:none}
div#page, table#portal-columns {width: 100%; }
div#BrandingTop  {width: 100%; }
div#page, div#BrandingTop  ,table#portal-columns ,#visual-portal-wrapper { min-width: 150px;}
dl.portlet.portletStaticText.portlet-static-contact-us {margin-top:2em}
.footer-wrapper {
min-width: inherit;
margin-top: 0em;
}
dt.portletHeader {   margin-right: inherit;  }
[id*="portletwrapper-"] {vertical-align:top}
.portletStaticText.portlet-static-addthis {min-width: 94%;}
.portletStaticText.portlet-static-connect-with-us {width: 57%;float: left;display:inline-flex }
.portletStaticText.portlet-static-secondary-menu {width:35%;float: left;margin-left: 1.5em;}
html body #content-core .item[class*=-info1] {width: 36%;}
XXX.item[class*=-nev] {width: 57%!important;}
}
/* */
@media all and (max-width: 600px) {
div#page-inner { background: black; }
#site-title img { padding-top:.5em; }
h1#site-name a {
xbackground: url('/template18/logo-banner-2.png') no-repeat top left;
background-size: 97% auto;
max-width:21%;
}
Xh1#site-name a img {
max-width:92%;
}
#name-and-slogan {
padding-left: 96px;
}
}
@media all and (min-width: 992px) {
/* */
ul.mobile ul {
xbackground: rgba(0, 0, 0, 0.8) none repeat scroll 0% 0%;
-webkit-box-shadow: 0px 5px 21px 0px rgba(0,0,0,0.75);
-moz-box-shadow: 0px 5px 21px 0px rgba(0,0,0,0.75);
box-shadow: 0px 5px 21px 0px rgba(0,0,0,0.75);
}
ul.mobile ul>li {
margin: 0 ;
border-left:1px solid #ddd;
border-right:1px solid #ddd;
}
ul.mobile ul > li:last-child {
border-bottom:1px solid #ddd;
}
}