body { background-repeat: repeat-x; }
p a, strong {/* color:#007EA3 !important; */}
h4 {color: #007EA3;} 

#sidebar1.span3 dt.level1 span.inner {
	font-family: "Benton Sans Cond", Helvetica, sans-serif !important; 
	font-size:30px;
	color: #cc5500;
	font-weight: bold;
	text-decoration: none;
	text-transform: uppercase;
}

/*#newsreel3 {display: none;}*/
/* .jeventslatest .jeviconnotdate {margin: 16px 0px 3px 50px!important;} */

#newsreel3 {
	border-top: 1px solid #c3c3c8;
	padding-top: 10px;
	margin-top: 10px;
}

/*Physics Credo*/
.customphysicscredo { background: none; font-family: 'Benton Sans RE', Helvetica, sans-serif; font-style: italic; font-size: 17px; line-height: 26px; padding: 10px 20px 6px 0px; border-top: 1px solid #c3c8c8; margin-top: 18px; }
#credo {display:none}; /*hide original credo*/
/*End Credo*/

/* .container-fluid-footer {margin-top: 20px;} */

#topnav2 #js-mainnav.megamenu.blue  {box-shadow: none;max-width: 570px;float: right;margin-right: 0px; background: #fff;}
#js-mainnav.megamenu.blue li.mega.first .childcontent-inner { margin-left: 42px;}
#js-mainnav.megamenu.blue .childcontent .moduletable ul li a.headerlink {color:#007EA3 !important;}

li.mega.last .childcontent-inner {margin-left: 10px;}
/* li:nth-of-type(4) .childcontent-inner {margin-left: 166px;} */

#js-meganav-msi li:nth-of-type(5) .childcontent-inner-wrap {display: inline;} 
#js-meganav-msi li:nth-of-type(4) .childcontent-inner-wrap {margin-left: 156px;} 
#js-meganav-msi li:nth-of-type(3) .childcontent-inner-wrap {margin-left: 262px;}
#js-meganav-msi li:nth-of-type(2) .childcontent-inner-wrap {margin-left: 359px;}


/*New menu css*/
#topnav2 ul.menuTop  {  
	width: 37%; 
	float: right; 
	margin: 0 25px; 
	position: relative;
	z-index: 100;} /* THIS IS NOW THE SPAN 12 WIDTH!!! */
#topnav2.span12 ul li {}
			
.span12.mega{
	width:980px; /* Override; new width for students mega menu item, based on width used at cns.utexas.edu for megamenu */
	margin-left: -592px; /* similar to seen at cns.utexas.edu mega menu */
}

#facultyMenuPHY{
	
}

#futureMenuPHY {background: #f7f7f7; display: none; box-shadow: 0 1px 2px 1px rgba(0, 0, 0, 0.5); margin-top:1px; position: absolute; z-index: 100; margin-left: 13px;}
#studentsMenuPHY {background: #f7f7f7; display: none; box-shadow: 0 1px 2px 1px rgba(0, 0, 0, 0.5); margin-top:1px; position: absolute; z-index: 100; margin-left: 94px;}
#facultyMenuPHY {background: #f7f7f7; display: none; box-shadow: 0 1px 2px 1px rgba(0, 0, 0, 0.5); margin-top:1px; position: absolute; z-index: 100; /*margin-left: 260px; - Diego*/}
#alumniMenuPHY {background: #f7f7f7; display: none; box-shadow: 0 1px 2px 1px rgba(0, 0, 0, 0.5); margin-top:1px; position: absolute; z-index: 100; margin-left: 211px; }
#employersMenuPHY {background: #f7f7f7; display: none; box-shadow: 0 1px 2px 1px rgba(0, 0, 0, 0.5); margin-top:1px; position: absolute; z-index: 100; margin-left: 279px; }


.menuWrapper {height: 31px; padding-bottom: 0;}

div[id*="Menu"] {box-sizing: border-box; padding: 10px 10px 20px 10px; border-radius:0 0 5px 5px;}
div[id*="Menu"] ul.nav.menu li a.headerlink {margin-top: 20px;}
div[id*="Menu"] ul.nav.menu li a {margin: 12px 0; display: block;}
#topnav2 ul.nav.menu li[class*='item-'] {margin: 5px 0;}
ul.menuTop li.main {line-height: 30px;}
#topnav2 ul.nav.menu {margin-top: -14px; margin-bottom: 1px;} 
/*  #topnav2 ul.nav.menu li[class*='item-']:hover {background-color: #efefef !important; } */
.childcontent .moduletable ul li {display: block;}
/* .nav {margin-bottom: -20px;} */

/* End new menu CSS */


.tabbable .nav {margin-bottom: 20px; }
#ezblog-body .profile-connect .connect-links, #eblog-wrapper #section-author {display: none;}
#showcase { margin-top: 20px; }

.customlogo {margin: 23px 23px 0 23px; z-index: 5;  position: absolute; }
.customnewstitle h2 a{font-size: 26px;}

#search { float: right; margin-left: 712px; position: absolute; clear: both; margin-top: 10px;}

/*
#search input {font-size: 14px;}
#search tbody {border-top: none;}
#search .gsc-input-box {border: none; background: transparent;}
#search td.gsc-input {width: 200px;}
#search form.gsc-search-box {width: 250px; background: transparent;}
#search .gsib_a {padding: 6px 0px 0;}
#search .gsc-input-box-focus, #search .gsc-input-box-hover {border: none; box-shadow: none;}
.gsc-search-box-tools .gsc-search-box .gsc-input {padding-right: 4px;}
*/
#search input.gsc-search-button-v2 {padding: 4px 20px; background: #454546;}

#facultyMenuPHY a{
	font-size:12px !important;
}

#facultyMenuPHY h3, nav-header{
	text-transform:uppercase;
	color:#c04b00;
	font-size:12px;
}

#facultyMenuPHY .moduletable .span12 a{
	font-size:12px !important;
	color: #cc5500;
	padding: 0;
	font-family: 'Benton Sans RE', Helvetica, sans-serif;
	margin-left: 0;
	font-size: 0.9em;
	font-weight: bold;
	text-transform:uppercase;
}

#facultyMenuPHY .moduletable .span4 .deeper > a{
	color: #cc5500;
	padding: 0;
	font-family: 'Benton Sans RE', Helvetica, sans-serif;
	margin-left: 0;
	font-size: 12px;
	font-weight: bold;
	text-transform:uppercase;
}

#search input.gsc-input {
	width: 148px;
	height: 30px;
	background: #c3c3c8 !important;
	border: none;
	border-radius: 0; 
} 

#facultyMenuPHY .row-fluid .span4 {
	width: 33.33%;
}

.doubleCol li ul li:nth-child(-n+4) a{
	/*
	width:42%;
	max-width:200px;*/
}

.doubleCol li ul li:nth-child(n+4) a{
	width:42%;
	max-width:200px;
	margin-left:45% !important;
}

.doubleCol li ul li:nth-child(4) a{
	margin-top:-97px !important;
}

.doubleCol li ul li:nth-child(4) a{
	/*
	width:100%;
	max-width:280px;*/
}

.menuWrapper .custom{
	background:none;
	display:none;
}

#js-meganav-msi.childcontent-inner.clearfix:first-of-type { margin-left: 42px !important; }


p.date { color: #454546; font-weight: bold; margin: 20px 0 0px 10px; padding-top: 99px;}
.moduletableconditions { font-family: 'Benton Sans Cond' !important; color: #454546 !important; display: block; line-height: 1.4em; padding: 10px; font-size: 14px;}
.moduletableconditions li { line-height: 16px; }
.moduletableconditions img { margin-left: 10px; }
#snapshots ul { color: #454546; display: inline-block; height: 120px; margin-right: -5px; max-width: 300px; }
/* #djslider247, #djslider213 { margin-top: 20px; } */
/* #makeagift div[id*=djslider] {padding: 19px 8px 0 0;} */
.customgiftboxmsi { background: none; font-family: 'Benton Sans RE', Helvetica, sans-serif; font-size: 12px; line-height: 16px; margin-top: -11px; }
.customgiftboxmsi img { padding-top: 10px; }

/* CNS RSS Feed Tray -- Title/im order changed by default.php in defaultCNS RSS tmpl folder */

div.srfrContainer ul.srfrList {border-bottom: 1px solid #c3c3c8;}
div.srfrContainer ul.srfrList li {padding: 0; margin-right: 2.25%; vertical-align: top; border-bottom: none;}
div.srfrContainer ul.srfrList li:last-child {margin-right: 0;}
div.srfrContainer ul.srfrList li img.srfrImage {width: 219px;}
li.srfrRow {display: inline-block; max-width: 216px;}
li.srfrRow a {line-height: 16px;}

/*Archives Sidebar */ 
#sidebar2.span4 img {width: 170px;}

.span3 .moduletablesidebar2:first-of-type {margin-top: 51px;}
.moduletablesidebar2 {margin-top: 5px; overflow: hidden; box-sizing: border-box; font-family: 'Benton Sans RE', Helvetica, sans-serif; font-size: 12px;  border-top: 1px solid #D7D9D8;}
.moduletablesidebar2 h3 {font-size: 30px !important; line-height: 1em !important; text-transform: uppercase; font-family: "Benton Sans Cond", Helvetica, sans-serif; margin-bottom: 10px;}
.mod-months {margin-left: 20px;}

.moduletablerss h3:first-child {margin: 10px 0 5px 0; font-size: 30px !important; text-transform: uppercase; font-family: 'Benton Sans Cond', Helvetica, sans-serif; font-weight: normal;}

span.blog-category {display: none;}
#newsreel2 {display: none;}

.moduletablerss h3:first-child {margin: 10px 0 5px 0; font-size: 30px !important; text-transform: uppercase; font-family: 'Benton Sans Cond', Helvetica, sans-serif; font-weight: normal;}

/* CALENDAR MESSAGE ALERTS */ 

#calendar .alert.alert-warning {display: none;}

@media screen and (max-device-width : 768px) { 
	body {background: #fff;}
}

@media screen and (min-device-width : 480px) and (max-device-width : 1200px) { 
body {background: #fff;}

}


#mobilemenu a {
    font-size: 20px;
    color: #fff;
}

#cbp-spmenu-s1 .level1 dl.level2 {
    border-top: none !important;
}

.cbp-spmenu .level1 dt.level1 .inner {
    margin-top: 10px !important;
	/* border-bottom: 1px solid #D6D9D8 !important; */
	/* margin-right:7px !important; */;
}

/*--------------*/
/* SLIDING MENU */
/*--------------*/
.cbp-spmenu {
    position: fixed;
    background-color: #353536;
}

/* Landscape mode Iphone, menu items should be of a height h such that
they fit when the search and navigation bar show up */
@media only screen 
and (max-height : 320px) {
    .cbp-spmenu .level1 span {
        color: #fff;
        text-transform: none;
        font-weight: normal;
        font-size: 20px;
        margin-left: 7px !important;
        margin-top: 5px !important;
        margin-bottom: 5px !important;
    }

    .cbp-spmenu .level2 span {
        color: #fff;
        text-transform: none;
        font-weight: normal;
        font-size: 16px;
        margin-left: 9px !important;
        margin-top: 10px !important;
        margin-bottom: 10px !important;
    }
}

/* Mobile menu for portrait mode. More vertical space */
@media only screen 
and (min-height : 321px) {
    .cbp-spmenu .level1 span {
        color: #fff;
        text-transform: none;
        font-weight: normal;
        font-size: 24px;
        margin-left: 7px !important;
        margin-top: 5px !important;
        margin-bottom: 5px !important;
    }

    .cbp-spmenu .level2 span {
        color: #fff;
        text-transform: none;
        font-weight: normal;
        font-size: 20px;
        margin-left: 9px !important;
        margin-top: 10px !important;
        margin-bottom: 10px !important;
    }
}

/* Iphone, hamburguer location fix */
@media only screen 
and (max-width : 320px) {
    #hamburguer {
        margin-top: -37px !important;
    }
}

/* Other mobile devices */
@media only screen 
and (min-width : 321px) {
    #hamburguer {
        margin-top: 0px;
    }
}

@media only screen 
and (max-width : 767px) {
    body {
        margin-top: 50px;
    }

    #menuBar {
        width: 100%;
        height: 50px;
        display: block;
        position: fixed;
        z-index: 10000;
        top: 0;
        background-color: #353536;
    /* left:0; */
        ;
    }

    .nav {
        float: right;
        margin-right: 10px;
    }

    .nav ul li {
        list-style: none;
        float: left;
    }

    #mobilelogo img {
        background: none !important;
    }
	
	div#newsreel3 div.moduletable div#fd .eb-mod .mod-item {
		width: 49.5% !important;
	}
	
	div.srfrContainer ul.srfrList li img.srfrImage {
		width: inherit;
	}
	
	li.srfrRow {
		max-width: 100%;
	}

}

/*
License for CSS based hamburger menu code from internet

Copyright (c) 2014 by Elijah Manor (http://codepen.io/elijahmanor/pen/Igpoe)

Permission is hereby granted, free of charge, to any person obtaining a copy of this software and associated documentation files (the "Software"), to deal in the Software without restriction, including without limitation the rights to use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of the Software, and to permit persons to whom the Software is furnished to do so, subject to the following conditions:

The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software.

THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.
*/


 
/* Smartphones (portrait) ----------- */
@media only screen 
and (max-width : 320px) {
    #mobiletable {
        height: 50px;
    }

    #search .mobile-menu-bar .gsib_a input.gsc-input {
        width: 176px !important;
        margin-left: 13px !important;
    }
}

@media only screen 
and (min-width : 321px) 
and (max-width : 480px) {
    #mobiletable {
        height: 80px;
    }
}

#menusearch {
    display: none;
 /*until we add a search bar, disable */
    ;
}

.cbp-spmenu a {
    display: block;
}

.cbp-spmenu-vertical {
    width: 240px;
    height: 100%;
    top: 0;
    z-index: 1000;
}

.cbp-spmenu-vertical a {
    padding: 1em;
}

.cbp-spmenu-left {
    left: -240px;
}

.cbp-spmenu-right {
    right: -240px;
}

.cbp-spmenu-left.cbp-spmenu-open {
    left: 0px;
}

.cbp-spmenu-right.cbp-spmenu-open {
    right: 0px;
}

/* Push classes applied to the body */
 
.cbp-spmenu-push {
    overflow-x: hidden;
    position: relative;
    left: 0;
}

.cbp-spmenu-push-toright {
    left: 240px;
    overflow-x: hidden;
    max-width: 100%;
}

.cbp-spmenu-rotate {
    transform: rotate(90deg);
}

.cbp-spmenu-push-toleft {
    left: -240px;
}
 
/* Transitions */
 
.cbp-spmenu,
.cbp-spmenu-push {
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

.mobile-menu-bar {
    margin-top: 23px;
}
 
@media screen and (max-width: 55.1875em) {
 
    .cbp-spmenu-horizontal {
        font-size: 75%;
        height: 110px;
    }

    .cbp-spmenu-top {
        top: -110px;
    }

    .cbp-spmenu-bottom {
        bottom: -110px;
    }
}

@media screen and (max-height: 26.375em) {
 
    .cbp-spmenu-vertical {
        font-size: 90%;
        width: 190px;
    }

    .cbp-spmenu-left,
    .cbp-spmenu-push-toleft {
        left: -190px;
    }

    .cbp-spmenu-right {
        right: -190px;
    }

    .cbp-spmenu-push-toright {
        left: 190px;
        overflow-x: hidden;
    }
}

/* Search bar adjustment */
@media only screen 
and (max-width : 320px) {
    #mobiletable {
        height: 50px;
    }

    #search input.gsc-input {
        width: 176px !important;
        margin-left: 13px !important;
    }
}

/*---------------------*/
/* Hamburguer button/X */
/*---------------------*/

.lines-button {
    padding: 21px 11px;
    transition: .3s;
    cursor: pointer;
    user-select: none;
    border-radius: 1px;
}

.lines-button:hover {
    opacity: 1;
}

.lines-button:active {
    transition: 0;
}

.lines {
    display: inline-block;
    border-radius: 1px;
    height: 5px;
    width: 35px;
    background: #ecf0f1;
    transition: 0.3s;
    position: relative;
    top: 9px;
}

.lines:before, .lines:after {
    display: inline-block;
    border-radius: 1px;
    height: 5px;
    width: 35px;
    background: #ecf0f1;
    transition: 0.3s;
    position: absolute;
    left: 0;
    content: '';
  /*-webkit-transform-origin: 0.28571rem center;
  transform-origin: 0.28571rem center;*/
    ;
}

.lines:before {
    top: 10px;
}

.lines:after {
    top: -10px;
}

.lines-button.x.closeeee .lines {
    background: transparent;
}

.lines-button.x.closeeee .lines:before {
    -webkit-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
    top: 0;
    width: 35px;
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
    transform: rotate3d(0, 0, 1, 45deg);
}

.lines-button.x.closeeee .lines:after {
    -webkit-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
    top: 0;
    width: 35px;
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
    transform: rotate3d(0, 0, 1, -45deg);
}

#navtoggle {
    width: 50px;
}

body.home .container-fluid {
	background: #fff url("/images/PHY/particles.png") repeat-x scroll left bottom / auto 50px;
	padding-bottom: 40px;
}