@charset "utf-8";
/* CSS Document */
/* 2018 Release of new website */
body {
	font-family: 'Open Sans', sans-serif;
	color: #25282B;
	background-color: white;		
}
h1, h2, h3, h4, h5, h6 {
	font-family: 'Open Sans', sans-serif !important;
}

h1 {
	background-color: transparent;
        color: #ce5927 !important;
        font-size: 1.874em;
        margin-top: 0px !important;
}
h2 {
        font-size: 1.728em;
        }
h3 {
        font-size: 1.44em;
        }
h4 {
        font-size: 1.2em;
        }
.lead {
	margin-bottom: 20px;
	font-size: 1.13em !important;
	line-height: 1.5em !important;
        font-family: 'Open Sans', sans-serif !important;
        font-weight: 400;
}
.gutters {
	margin-right: 10% !important;
	margin-left: 10% !important;	
}

#breadcrumb a:last-of-type {
background-color: transparent;
color: #0057b8!important;
}

blockquote {
	padding: 10px 20px;
	margin: 0 0 20px;
	font-size: 15px !important;
	border-left: 5px solid #eee
}
li {
	line-height: 1.7em;
	margin-bottom: 7px;	
}
.logospace {
	margin-top: 43px !important;
	/*margin-bottom: 43px !important;*/	
}

.newsTickler {
	font-size: 0.9em;
		margin-top: 3px;
	margin-bottom: 5px;
}

.label-info {
	background-color:#5bc0de;
	padding:5px;
	letter-spacing: 0.15em;
        margin-right: 4px;
	}

.ams_image_left {
	max-width: 100%;
	height: auto;	
	display: inline-block;
	padding: 4px;
	line-height: 1.42857143;
	background-color: #fff;
	border: 1px solid #ddd;
	border-radius: 4px;
	-webkit-transition: all .2s ease-in-out;
	-o-transition: all .2s ease-in-out;
	transition: all .2s ease-in-out;
	float: left!important;
        margin-right: 10px;
}
.ams_image_right {
	max-width: 100%;
	height: auto;	
	display: inline-block;
	padding: 4px;
	line-height: 1.42857143;
	background-color: #fff;
	border: 1px solid #ddd;
	border-radius: 4px;
	-webkit-transition: all .2s ease-in-out;
	-o-transition: all .2s ease-in-out;
	transition: all .2s ease-in-out;
	float: right!important;
    margin-left: 10px;
}
.ams_image_center {
	max-width: 100%;
	height: auto;	
	display: block;
	padding: 4px;
	line-height: 1.42857143;
	background-color: #fff;
	border: 1px solid #ddd;
	border-radius: 4px;
	-webkit-transition: all .2s ease-in-out;
	-o-transition: all .2s ease-in-out;
	transition: all .2s ease-in-out;
	margin-right:auto;
	margin-left:auto
    
}
.blogpost {
color: #FFF;
background-color: #5BC2E7;
padding: 5px;
border-radius: 2px;
margin-left: 7px;	
white-space: nowrap;
}

dd {
	margin-top: 5px;
	margin-bottom: 5px;
margin-left: 0
}

.newsandblogitems {
	padding-right: 35px !important;
	padding-left: 35px !important;	
}

/* new items */
.newsItemDiv {
	width: 90%;
	margin-left: 20px !important;	
}
.newsItemTitle {
	font-size: 1.5em !important;	
}
.newsItemDate {
	font-size: 12px !important;
	font-family: 'Open Sans', sans-serif;
	text-indent: 20px !important;
}
.newsItemTickler {
	
}
.shareThisNewsDiv {
	
}
.shareThisNews {
	
}

/* end new items */



.equal {
  display: flex;
  display: -webkit-flex;
  flex-wrap: wrap;
}

/* Carousel indicators */
/* Carousel indicators */
.carousel {

        margin-bottom: 40px !important;
}
.carousel-indicators {
        bottom:-35px;
        left: 50%;
        z-index: 15;
        width: 60%;
        padding-left: 0;
        margin-left: -30%;
        text-align: center;
        list-style: none
}
.carousel-indicators li {
        display: inline-block;
        width: 10px;
        height: 10px;
        margin: 1px;
        text-indent: -999px;
        cursor: pointer;
        background-color: #000\9;
        background-color: rgba(0,0,0,0);
        border: 1px solid #98A4AE;
        border-radius: 10px
}
.carousel-indicators .active {
        width: 12px;
        height: 12px;
        margin: 0;
        background-color: #ce5927;
}

/* / Carousel indicators */

/* nav levels */
.nav-level2  {
	color: #fff !important;
	background-color: #0057b8;
        padding-left: 55px !important;	
}




/* AMS branding colors background */
.AMS_blue {
	color: transparent;
	background-color: #0057b8;	
}
.AMS_blue_white_text {
        color: #fff;
        background-color: #0057b8;
        padding: 5px;
}
.AMS_orange {
	color: transparent;
	background-color: #ce5927;
}
.AMS_gray {
	color: transparent;
        /*background-color: #767676; works but a little too dark*/
	background-color: #98A4AE;
}
.AMS_black {
	color: transparent;
	background-color: #25282B;
}
.AMS_secondary_red {
	color: transparent;
	background-color: #C8102E;
}
.AMS_secondary_orange {
	color: transparent;
	background-color: #FFA300;
}
.AMS_secondary_blue {
	color: transparent;
	background-color: #5BC2E7;
}
.AMS_secondary_yellow {
	color: transparent;
	background-color: #FFCD00;
}
/* / AMS Branding colors background */


/* AMS branding colors foreground */
.AMS_blue_foreground {
	background-color: transparent;
	color: #0057b8;	
}
.AMS_orange_foreground {
	background-color: transparent;
        color: #C15324 !important;
}
.AMS_gray_foreground {
	background-color: transparent;
	color: #98A4AE;
}
.AMS_black_foreground {
	background-color: transparent;
	color: #25282B;
}
.AMS_secondary_red_foreground {
	background-color: transparent;
	color: #C8102E;
}
.AMS_secondary_orange_foreground {
	background-color: transparent;
	color: #FFA300;
}
.AMS_secondary_blue_foreground {
	background-color: transparent;
	color: #5BC2E7;
}
.AMS_secondary_yellow_foreground {
	background-color: transparent;
	color: #FFCD00;
}
/* / AMS branding colors foreground */

nav {
	border-top-width: 10px !important;

}
.navbar-default {
	padding-top: 15px !important;
	padding-bottom: 15px !important;
	border-top-style: none;
}

nav a {
	display: inline-block;
	margin-top: 10px;	
}
.navpad {
	padding-left: 35px;	
}

/* top graybar nav - mathscinet, bookstore, etc. */
.mainchoices {
	
}
.AMS_gray a {
	color: #FFF;
	text-decoration: none;
	margin-bottom: 7px;
	padding-top: 4px;
	padding-right: 12px;
	padding-bottom: 4px;
	padding-left: 12px;
}
.AMS_gray a:hover {
	color: #FFF;
	background: #0057b8;
	border-radius: 4px;
}

/* /top graybar nav */


/* Search styles */

.googlesearch {
	-webkit-box-sizing: content-box;
	-moz-box-sizing: content-box;
	box-sizing: content-box;
	width: 350px !important;	
	/*box-sizing: content-box;*/
}
#searchbox {
	margin-top: 10px !important;	
}
.gsc-input-box {	
	background: #fff;
	height: 35px !important;
}
input .gsc-input {
	font-size: 12px;
	width: 99%;
    height: 26px !important;
    /*margin-top: 10 !important;*/
	padding-top: 5px;
	padding-right: 9px;
	padding-bottom: 5px;
	padding-left: 9px;
}
 .cse .gsc-search-button input.gsc-search-button-v2,
    input.gsc-search-button-v2 {
	height: 26px !important;
	margin-top: 10 !important;
	min-width: 13px !important;
	width: 68px !important;
	padding-right: 26px;
	padding-bottom: 5px;
	padding-left: 26px;
    }

/* / search */


/* Misc styles */

.blockquote-reverse, blockquote.pull-right {
	border-right: 5px solid #5BC2E7 !important;
}

.left-image {
	margin-right: 25px !important;;
	margin-bottom: 0px;
	margin-left: 0px;	
}
.quicknews {
	color: #FFF;
	background-color: #0057b8;
	border-radius: 3px;
	padding: 5px;
	font-size: 3.0em !important;
}
.quicknews-item {
	font-size: 1.5em!important;
	padding: 6px;
	margin-top: 4px;
	margin-bottom: 4px;	
}
.newsTitle {
	font-size: 0.9em !important;	
}

.commerceicons {
	float: right;
	font-size: 16p;
        color: #3678BA !important;
        background-color: transparent;


}
.blue-nav a {
	font-size: 0.9em;
	color: #FFF;
        background-color: #3678BA !important;	
}
.blue-nav a:hover {
	color: #FFF;
	background-color: #98A4AE !important;	
}

/* divisioncontainer, image, overlay, text, orange make up the box */
.divisioncontainer {
	position: relative;
	width: 100%;
	padding: 5px;
	border: 1px solid #CCC;
	border-radius: 4px;
	margin-top: 10px;
	margin-bottom: 10px;
}
.divisioncontainer .image {
	display: block;
	width: 100%;
	height: auto;
}
.overlay {
	position: absolute;
	bottom: 100%;
	left: 0;
	right: 0;
	background-color: #98A4AE;
	background: rgba(0,0,0,0.6);
	overflow: hidden;
	width: 100%;
	height: 0;
	transition: .5s ease;
}
.divisioncontainer .AMS_orange {
	letter-spacing: 1px;
	color: #ce5927;
	background-color: transparent;
}
/* homepage call to action button */
.btn-homepage-call-to-action {
	color: #fff;
	background-color: #ce5927;
	border-color: #ce5927;
}
.btn-homepage-call-to-action.focus, .btn-homepage-call-to-action:focus {
	color: #fff;
	background-color: #ce5927;
	border-color: #ce5927;
}
.btn-homepage-call-to-action:hover {
	color: #fff;
	background-color: #FFA300;
	border-color: #FFA300;
}
.overlay a {
	color: #FFF !important;
	text-decoration: none;	
}
.divisioncontainer:hover .overlay {
	bottom: 0;
	height: 100%;
}
.text {
	color: white;
	font-size: 1.0em;
	position: absolute;
	overflow: hidden;
	top: 5%;
	left: 15%;
	transform: translate(-10%, -10%);
	-ms-transform: translate(-10%, -10%);
}
/* / divisioncontainer */


/* footer */
footer {
	width: 80% !important;
	margin-right: auto !important;
	margin-left: auto !important;
}

footer h4 {
font-size: 1em !important;
font-weight: bold;
}

footer h4 a {
	color: #0057b8 !important;	
}
footer li {
	list-style-type: none;
}
footer a {
	color: #0057b8 !important;
	background-color: transparent;
}
footer a:hover {
	color: #ce5927 !important;	
}
.notiblogbull a {
	margin-right: 10px;
	margin-left: 10px;
}

/* Carousel */
.carousel-control.left, .carousel-control.right {
  /*background: orange !important;*/
  filter: progid: none !important;
  filter:none !important;
  background-image:none;
  outline: 0;
  opacity: 1;
 }

.carousel-inner{
  width:100%;
 /* height: 200px !important;*/
}

/*
  Bootstrap Carousel Fade Transition (for Bootstrap 3.3.x)
  CSS from:       http://codepen.io/transportedman/pen/NPWRGq
  and:            http://stackoverflow.com/questions/18548731/bootstrap-3-carousel-fading-to-new-slide-instead-of-sliding-to-new-slide
  Inspired from:  http://codepen.io/Rowno/pen/Afykb 
*/

.carousel-fade .carousel-inner .item {
	opacity: 0;
	transition-property: opacity;
}
.carousel-fade .carousel-inner .active {
	opacity: 1;
}
.carousel-fade .carousel-inner .active.left, .carousel-fade .carousel-inner .active.right {
	left: 0;
	opacity: 0;
	z-index: 1;
}
.carousel-fade .carousel-inner .next.left, .carousel-fade .carousel-inner .prev.right {
	opacity: 1;
}
.carousel-fade .carousel-control {
	z-index: 2;
}

/*
  WHAT IS NEW IN 3.3: "Added transforms to improve carousel performance in modern browsers."
  Need to override the 3.3 new styles for modern browsers & apply opacity
*/
@media all and (transform-3d), (-webkit-transform-3d) {
.carousel-fade .carousel-inner > .item.next,  .carousel-fade .carousel-inner > .item.active.right {
	opacity: 0;
	-webkit-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);
}
.carousel-fade .carousel-inner > .item.prev,  .carousel-fade .carousel-inner > .item.active.left {
	opacity: 0;
	-webkit-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);
}
.carousel-fade .carousel-inner > .item.next.left,  .carousel-fade .carousel-inner > .item.prev.right,  .carousel-fade .carousel-inner > .item.active {
	opacity: 1;
	-webkit-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);
}
}
.menuicon {
	margin-top: 10px !important;
	color: #0057b8;
	background-color: transparent;
        font-size: 1.5em;
        cursor: pointer;
}

/* SPECIFIC STYLES FOR MOBILE */

/* Broad brush for many viewports */
@media only screen and (min-device-width : 320px) and (max-device-width : 768px) {

h1 .menuicon {
        margin-top: 95px !important;
        color: #0057b8;
        background-color: transparent;
        /*font-size: 50px;*/
        cursor: pointer;
}

.fa-user, .fa-shopping-cart, .fa-question-circle {
        font-size: 60% !important;
}

#navprimary h3 {
        font-size: 300%; !important;
        padding: 0px;
}

#navprimary a:link {
        color: #fff !important;
        font-size: 200%; !important;
       	padding-top: 10px;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 25px;
}

#navsecondary h3 {
        font-size: 300%; !important;
}

#navsecondary a:link {
        color: #fff !important;
        font-size: 200% !important;
        padding-top: 10px;
        padding-right: 10px;
        padding-bottom: 10px;
        padding-left: 25px;
}

.quicknews-item  {
        font-size: 250% !important;
}

.newsandblogitems {
        font-size: 125% !important;
}

.gutters {
	margin-right: 1% !important;
	margin-left: 1% !important;	
}

.maincontentarea h1, h2, h3, h4, h5, h6, p, blockquote, dt, dd, li, legend {
       font-size: 200% !important;
       line-height: 1.7em !important;
}

.blue-nav a {
	font-size: 160% !important;
        line-height: 1.7em !important;
       	padding-top: 25px;
	padding-right: 25px;
	padding-bottom: 25px;
}

footer {
        font-size: 150% !important;
}
footer h4 {
        font-size: 150% !important;
}
.notiblogbull {
	border-top-width: 1px;
	border-bottom-width: 1px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-bottom-color: #4288c8;
	padding-top: 10px;
	padding-bottom: 10px;
	border-top-color: #4288c8;
        margin-bottom: 20px !important;
}
.notiblogbull a {
        /*font-size: 150% !important;*/
        text-align: center !important;
	display: table-cell !important;
	margin-bottom: 20px !important;
}
.socialicons a {
        /*font-size: 150% !important;*/
        text-align: left;
        margin-top: 20px !important;
        margin-bottom: 20px !important;
        margin-left: 5% !important;
}
.commerceicons {
        font-size: 50px !important;
}
.menuicon {
        margin-top: 15px !important;
        color: #0057b8;
        background-color: transparent;
        font-size: 50px;
        cursor: pointer;
}
.closemenu {
        margin-top: 15px !important;
        color: #fff;
        background-color: transparent;
        font-size: 20px;
        cursor: pointer;
        display: inline-block;
        white-space: nowrap;
}
}

/* Smartphones (portrait and landscape) ----------- */
@media only screen and (min-device-width : 320px) and (max-device-width : 480px) {
}

}
/* iPads (portrait and landscape) ----------- */
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) {
}

/* Footer large text */

/* Smartphones (portrait and landscape) ----------- */

@media only screen and (min-device-width : 320px) and (max-device-width : 480px) {
}

/*  iPads Portrait */
@media only screen 
  and (min-device-width: 768px) 
  and (max-device-width: 1024px) 
  and (orientation: portrait) 
  and (-webkit-min-device-pixel-ratio: 2) {

}
/* ----------- iPad Pro 12.9" ----------- */

/* Portrait and Landscape */
@media only screen 
  and (min-device-width: 1024px) 
  and (max-device-width: 1366px)
  and (-webkit-min-device-pixel-ratio: 2) {

}