@media (min-width: 768px)
.container {
    max-width: 100%;
}
@font-face {
	font-family: 'icomoon';
	src:url('//libapps.s3.amazonaws.com/sites/184/include/icomoon.woff');
	src:url('//libapps.s3.amazonaws.com/sites/184/include/icomoon.ttf'),
		url('//libapps.s3.amazonaws.com/sites/184/include/icomoon.woff') format('woff'),
		url('//libapps.s3.amazonaws.com/sites/184/include/icomoon.ttf') format('truetype'),
	font-weight: normal;
	font-style: normal;
}
div#s-lg-guide-main {
	
	z-index: -1; 
}

/*adds space to the top of the screen when in small screens*/
@media only screen and (max-width: 1145px) {
#s-lg-guide-main{
	padding-top: 70px
}

#s-lg-guide-tabs {
    padding-top: 70px;
}
}
/*removes the space in extra small screens*/
@media only screen and (max-width: 990px) {

div#s-lg-tabs-container {
    padding-top: 0;
}

.s-lg-tab-content {
    padding-top: 0;
}


}

/*
GNcatalog header styles
*/

@media only screen and (max-width: 1144px) { 
  #smoothGoose { 
    display: none; 
  } 
}
@media only screen and (min-width: 1104px) { 
  .topnav { 
    display: none; 
  } 
}
/* style the Advanced and About One Search*/
#oneAdvanced > a:active, #oneAdvanced > a:visited, #oneAdvanced >a:link {
    color: white;
}
#oneAbout > a:active, #oneAbout > a:visited, #oneAbout > a:link {
    color:white;
}
#title a:link, #title a:visited {
color:white;

}
input#primoQueryTemp {
    width: 47%;
    text-align: center;
    max-width: 400px;
	font-size: smaller;
}
/* BEGIN Header Styles --> */
/* Background for homepage  */

#background-img {
    background-color: #00685E;
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
}
	.center-content {
		text-align: center;
	}
	/* Smooth Goose nav */
nav#smoothGoose {
    border-bottom: 1rem solid #f2faf9;
}
/* Smooth Goose nav */
nav#smoothGoose {
    border-bottom: 1rem solid #f2faf9;
}
#smoothGoose ul {
	-webkit-font-smoothing:antialiased;
	text-shadow:0 1px 0 #FFF;
    background: white;
    list-style: none;
    margin: 0;
    padding: 0;
    width: 100%;
    padding-bottom: 15px;
}
#smoothGoose li {
    float: left;
    margin: 0;
    padding: 0;
    position: relative;
    min-width: 14.27%;
}
#smoothGoose a {
    background: white;
    color: #00685e;
    display: block;
    text-align: center;
    font-size: 1.1875rem;
    padding: 3px;
    padding-top:9px;
    text-decoration: none;
    -webkit-transition: all .25s ease;
       -moz-transition: all .25s ease;
        -ms-transition: all .25s ease;
         -o-transition: all .25s ease;
            transition: all .25s ease;
}

#smoothGoose li:hover a {
    background: white;
}
#smoothGoose li ul {
    float: left;
    left: 0;
    opacity: 0;
    position: absolute;
    top: 35px;
    visibility: hidden;
    z-index: 1;
    -webkit-transition: all .25s ease;
       -moz-transition: all .25s ease;
        -ms-transition: all .25s ease;
         -o-transition: all .25s ease;
            transition: all .25s ease;
}
#smoothGoose li:hover ul {
    opacity: 1;
    top: 50px;
    visibility: visible;
}
#smoothGoose li ul li {
    float: none;
    width: 100%;
}
#smoothGoose li ul a:hover {
    background: #bbb;
}

.cf:after, .cf:before {
    content:"";
    display:table;
}
.cf:after {
    clear:both;
}
.cf {
    zoom:1;
}
div#headertext {
    text-align: center;
}

.Onesearch-search-text {
    text-align: center;
}
.whatisOnesearch {
    text-align: center;
}

/*mobile menu style*/
.column {
    width: 100%;
    background-color: white;
    border-bottom: 3px solid #C0C0C0 ;
	position: absolute;
	left:0;
	z-index: 5;
}
.column:last-child:before {
	content: '';
	position: absolute;
	height: 7px;
	background: #ceccc6;
	top: 100px;
	left: 10px;
}
.ham {
  width: 35px;
  height: 5px;
  margin: 6px 0;
}

@media only screen and (min-width: 1145px) {
  .column {
    display:none;
  }
}

/*Mary Lou Css*/
/* Common styles of menus */

.dl-menuwrapper {
	width: 100%;
	max-width: 300px;
	float: left;
	position: relative;
	-webkit-perspective: 1000px;
	perspective: 1000px;
	-webkit-perspective-origin: 50% 200%;
	perspective-origin: 50% 200%;
	z-index: 6;
}

.dl-menuwrapper:first-child {
	margin-right: 100px;
	padding-top: 6px;
	padding-left: 6px;
}

.dl-menuwrapper button {
	background: #ccc;
	border: none;
	width: 48px;
	height: 45px;
	text-indent: -900em;
	overflow: hidden;
	position: relative;
	cursor: pointer;
	outline: none;
}

.dl-menuwrapper button:hover,
.dl-menuwrapper button.dl-active,
.dl-menuwrapper ul {
	background: #aaa;
}

.dl-menuwrapper button:after {
	content: '';
	position: absolute;
	width: 68%;
	height: 5px;
	background: #fff;
	top: 10px;
	left: 16%;
	box-shadow: 
		0 10px 0 #fff, 
		0 20px 0 #fff;
}

.dl-menuwrapper ul {
	padding: 0;
	list-style: none;
	-webkit-transform-style: preserve-3d;
	transform-style: preserve-3d;
}

.dl-menuwrapper li {
	position: relative;
}

.dl-menuwrapper li a {
	display: block;
	position: relative;
	padding: 15px 20px;
	font-size: 16px;
	line-height: 20px;
	font-weight: 300;
	color: #fff;
	outline: none;
}
.dl-menuwrapper li.dl-back:after,
.dl-menuwrapper li > a:not(:only-child):after {
	position: absolute;
	top: 0;
	line-height: 50px;
	font-family: 'icomoon';
	speak: none;
	-webkit-font-smoothing: antialiased;
	content: "\e000";
}
.dl-menuwrapper li > a:after {
	right: 10px;
	color: white;
}

.dl-menuwrapper .dl-menu {
	margin: 5px 0 0 0;
	position: absolute;
	width: 100%;
	opacity: 0;
	pointer-events: none;
	-webkit-transform: translateY(10px);
	transform: translateY(10px);
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
}
.dl-menuwrapper li .dl-submenu {
	display: none;
	z-index: 1;
}
.dl-menuwrapper .dl-menu.dl-menu-toggle {
	transition: all 0.3s ease;
}

.dl-menuwrapper .dl-menu.dl-menuopen {
	opacity: 1;
	pointer-events: auto;
	-webkit-transform: translateY(0px);
	transform: translateY(0px);
	z-index: 1; 
}

/* Hide the inner submenus */
.dl-menuwrapper li .dl-submenu {
	z-index: 1;
	display: none;
}

/* Demo 2 */
.demo-2 .dl-menuwrapper button {
	background: #00685E;
}

.demo-2 .dl-menuwrapper button:hover,
.demo-2 .dl-menuwrapper button.dl-active,
.demo-2 .dl-menuwrapper ul {
	background: #00685E;
}
body, html { font-size: 100%; 	padding: 0; margin: 0;}



/* Reset */
*,
*:after,
*:before {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}


/* iFactory CSS */
nav ul,
nav ol {
  list-style: none;
  list-style-image: none; }
   @media screen and (max-width: 1025px) {
    #shoreHeader {
      padding-top: 50px; } }
	   @media screen and (max-width: 700px) {
    #shoreHeader {
      padding-top: 88px; } }
  #shoreHeader > .inner {
    padding: 20px 40px 5px 40px;
    position: relative;
    z-index: 100; }
    #shoreHeader > .inner:after {
      content: "";
      clear: both;
      display: block; }
    @media screen and (max-width: 1025px) {
      #shoreHeader > .inner {
        padding: 0 50px 0 50px;
        position: absolute;
        top: 0;
        width: auto;
        left: 0;
        right: 0;
         } }
    @media screen and (max-width: 700px) {
      #shoreHeader > .inner {
        padding: 0 25px; } }
  header:after {
    content: "";
    clear: both;
    display: block;
    visibility: hidden; }
	 #shoreHeader .logo {
    max-width: 160px;
    width: 15%;
    display: inline-block;
    position: absolute;
    left: 9px;
    top: 10px;
    }
    @media screen and (max-width: 1260px) {
      #shoreHeader .logo {
        width: 13%;
        margin-top: 10px; } }
    @media screen and (max-width: 1025px) {
      #shoreHeader .logo {
        margin: 14px 0;
        max-width: 120px;
        width: 50%; } }
 #shoreHeader .logo img {
      vertical-align: top;
      width: 100%;
      position: relative;
      z-index: 10;
      display: block; 
          left: 15%;
    }
     
      #shoreHeader .logo img.logo-thin {
        opacity: 0;
        z-index: 1;
        position: absolute;
        top: 50%;
        margin-top: -14px; }
 /* add style to the search box in the footer */
 #s-lg-guide-search-box {
    width: 272px;
    margin-left: 15px;
    margin-bottom: 5px;
}
/* style for LibGuide Search Box */ 
.helpCenterSearchBox {
    width: 100%;
    height: 40px;
    position: relative;
    z-index: 1;
}
#dnn_dnnSearch_txtSearch {
    height: 40px;
    width: 100%;
    border: #999 1px solid !important;
    padding: 7px;
    position: absolute;
    font-size: 14px;
}
#rightSearchBox{
    width: 272px;
    margin-left: 15px;
    margin-bottom: 5px;
	}
	/* hide things */
	label.visuallyHidden {
    display: none;
}
.visuallyHidden {
    display: none;
}
/*box around social media icons*/
.socialMediaParent {
    border: 1px solid lightgray;
    border-radius: 7px;
    padding-top: 7px;
}
.s-lg-er-item-list, .s-lg-link-list, .s-lg-rss-list, .s-lg-system-list {
    list-style-type: circle;
    padding-left: 10px;
    padding-right: 10px;
}
/*privacy policy style*/
div#privacy {
    padding: 10px;
}