/***************
  Color Palette 
 ***************/

/*
 col0:#f1eef6;
 col1:#bdc9e1;
 col2:#74a9cf;
 col3:#2b8cbe;
 col4:#045a8d;
*/


/*************************
  Import from Website CSS
 *************************/

@font-face {
  font-family: 'Quicksand';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/quicksand/v21/6xK-dSZaM9iE8KbpRA_LJ3z8mH9BOJvgkM0o58a-xDwxUD2GFw.woff) format('woff');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}



header.banner {
   max-width: 25%;
   font-size: 1.2em;
}

html {
        overflow-x: hidden;
}


body { 
    color:            #222222;
    background-color: #ffffff;
    font-family:     'Quicksand',sans-serif;
    margin: 0;
    padding: 0;
    line-height: 1.5;
    overflow-y: hidden;
    overflow-x: hidden;
    position: relative;
}

 body {font-family: Arial, Helvetica, sans-serif;} 

hr { 
   color:     #e96100;  /* qchem orange */
}

a {
   text-decoration: none;
   color:           #1b1644; /* qchem navy blue */
   word-wrap:       break-word;

}

a.pdf_manual {
   color:  white;
}

a:hover, .a:focus {
    text-decoration: none;
    color:           #e96100;  /* qchem orange */
    cursor:          pointer;
}

p a {
   text-decoration: underline;
}


p {
    text-indent:   0em;
    margin-top:    0px;
    margin-bottom: 1em;
}

#footnotes {
    padding:    1em;
    border-top: 1px solid black;
    font-size:  smaller;
}



div.ltx_dates {
   visibility: hidden;
}





/************
  Search bar 
 ************/

/* The sticky class is added to the header with JS when 
   it reaches its scroll position, but there is still a
   jump at the moment  */
.sticky {
  position: fixed;
  top:      0;
  width:    100%
}

div.sticky_placeholder {
   width:   100%;
   height:  104px;
   display: none;
}

.block_nav ul {
   padding: 0;
   margin:  0;
   height: 100%;
   display: flex;
}

.block_nav {
	height: 100%;
}

.block_nav li.text {
}

.block_nav li {
	padding-right:    0px;
	font-family:     'Quicksand',sans-serif;
	font-size:        1.2em;
	text-decoration:  none;
	color:            white;
	float:            left;
	list-style-type:  none;
	height: 100%;
	display: flex;
	flex-direction: row;
	align-items: center;
	overflow: hidden;
	white-space: nowrap;
}

.topnav {
    overflow: hidden;
    background-color: #1b1644;
    padding: 0;
    margin:  0;
    background-image: linear-gradient(#1b1644,#100c27);
    box-shadow:10px 10px 10px 0 rgba(0,0,0,0.2),12px 12px 20px 0 rgba(0,0,0,0.2);
    border-radius:0px 15px 15px 0px;
    width:   85%;
    height: 2.65em;
    z-index: 200;
}

/* Style the search box inside the navigation bar */
.topnav input[type=text] {
 /* float:      left; */
  /*border:     none;
  padding: 0.55em;
  margin: 0.315em;*/
  width: 12em;
  margin-left: 1em;
  overflow: hidden;
}

.topnav .input {
	margin-left: auto;
	padding-right: 1em;
}


.topnav li a:hover {
	background-color: #999c99;
	color: #000000;
	background-image: linear-gradient(#999c99,#7a7d7a);
}

.topnav li a {
	text-align: left;
border-radius: 15px 15px 15px 15px;
padding-right: 1em;
padding-left: 1em;
margin-right: 0.5em;
margin-left: 0.5em;
display: block;
line-height: 2em;
}


/*****************
  Search results
 ****************/

/* The Modal (background) */
.q-modal {
    display: none;       /* Hidden by default   */
    position: fixed;     /* Stay in place       */
    z-index: 999;          /* Sit on top          */
  /*  padding-top: 100px;  /* Location of the box */
  /*  padding-bottom: 100px;  /* Location of the box */
    left: 0;
    top: 0;
    width: 100%;                       /* Full width */
    height: 100%;                      /* Full height */
    overflow: auto;                    /* Enable scroll if needed */
    background-color: rgb(0,0,0);      /* Fallback color   */
    background-color: rgba(0,0,0,0.4); /* Black w/ opacity */
}

/* Modal Content */
.q-modal-content {
    background-color: #fefefe;
    padding: 20px;
    margin: 80px;
    border: 1px solid #888;
    width: auto;
    height: auto;
    overflow-y: scroll;
/*
    position: fixed;
*/
}

.q-modal-dialog {
	max-width: unset !important;
}

/* Search Context Text */

p.searchContext {
   color:       #777777;
   font-size:   small;
   font-weight: italic;
}

/* The Close Button */
.button {
    color:       #aaaaaa;
    font-size:   28px;
    font-weight: bold;
}

.button:hover, .button:focus {
    color:           #000;
    text-decoration: none;
    cursor:          pointer;
}

.button.close {
    float: right;
}
.button.next{
    float: right;
}
.button.previous{
    float: left;
}


.main-container {
   float: left;
   position: relative;
   left: 50%;
}

.fixer-container {
   float: left;
   position: relative;
   left: -50%;
}

#block-qchem-branding img {
height: 7.3em;
padding: 12px;
/*max-width: 100%;*/
box-sizing: border-box;
display: block;
/*width: 100vw;
padding-top: 1em;
padding-bottom: 1em;*/
}



/****************
  Navigation Bar
 ****************/

nav {
  /* border:        2px solid black; */
  padding:       20px;
  color:         #74a9cf;
padding-top: 0.9em;
box-sizing: border-box;

}


nav .ltx_TOC {
   font-size:      small;
   text-align:     left;
   text-indent:    0em;
   overflow-wrap:  break-word;
   word-wrap:      break-word;
}

nav .ltx_TOC a { 
   overflow-wrap: break-word;
   word-wrap:     break-word;
   white-space:   normal;;
   text-decoration: underline;
   padding-left: 1em;
   text-decoration: none;
}

nav .ltx_TOC li {
padding-top: 0.25em;
padding-bottom: 0.25em;
}

a.ltx_ref::before {
color:     #e96100;
} 

.ltx_sup a.ltx_ref {
font-size: 0.9em;
font-family: Arial, Helvetica, sans-serif;
}

a.ltx_ref {
font-size: 1.2em;
font-family: 'Quicksand';
}

nav .ltx_toclist {
   padding:    0em;
}

nav .ltx_toclist_chapter {
   padding:   0em;
   margin:    0em;
   width:     100%;
}


nav .ltx_toclist_document {
   padding:      1em 0em 0em 0em;
   margin-left:  1.0em;
}


nav .ltx_toclist_chapter {
   margin-left:  1.2em;
}

nav .ltx_toclist_section {
   margin-left:  1em;
}

nav .ltx_toclist_subsection {
   margin-left:  1.5em;
}

.ltx_page_navbar li {
white-space:normal;
overflow:visible;
}

/*******************
  Main page content
 *******************/

div.ltx_page_main {
  margin-left: auto;
  margin-right: auto;
padding: 0;
max-width: 100vw;
}


h1 {
  margin:            0;
  padding:           20px 20px;
  color:     #e96100;  /* qchem orange */
  font-family:       'Quicksand',sans-serif;
}

/* This only appears to affect the Contents line on the main page */
h6 {
   font-size: 32px;
}

.ltx_page_footer {
    text-align: center;
}

/*********************
  References 
 *********************/

.qctooltip {
  position: relative;
  display: inline-block;
}

.qctooltip .qctooltiptext {
  visibility: hidden;
  background-color: #999;
  color: #fff;
  text-align: center;
  border-radius: 6px;
  padding: 10px ;
  position: absolute;
  z-index: 1;
  bottom: 125%;
  width: 22em;
  left: -12em;
  opacity: 0;
  transition: opacity 0.3s;
  -webkit-transition:visibility 0s linear 0.3s, opacity 0.3s linear;
  -moz-transition:visibility 0s linear 0.3s, opacity 0.3s linear;
  -o-transition:visibility 0s linear 0.3s, opacity 0.3s linear;
  transition:visibility 0s linear 0.3s, opacity 0.3s linear;
  -webkit-transition: all 0.4s ease;
  -moz-transition: all 0.4s ease;
  -o-transition:all 0.4s ease;
  transition: all 0.4s ease;
  -webkit-transition-delay: 1s;
  -moz-transition-delay: 1s;
  -o-transition-delay:1s;
  transition-delay: 1s;
}


.qctooltip .qctooltiptext::after {
  content: "";
  position: absolute;
  top: 100%;
  left: 50%;
  margin-left:  15px;
  border-width: 5px;
  border-style: solid;
  border-color: #555 transparent transparent transparent;
}

.ltx_bib_authors {
  white-space: nowrap;
}

.ltx_bib_journal{
  white-space: nowrap;
}


.qctooltip:hover .qctooltiptext {
  visibility: visible;
  opacity: 1;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
  -webkit-transition-delay: 0s;
  -moz-transition-delay: 0s;
  -o-transition-delay: 0s;
  transition-delay: 0s;
}


/*
<cite class="ltx_cite ltx_citemacro_cite">
   <span class="tooltip">
      <sup class="ltx_sup">
         <a href="bib.html#bib876" title="" class="ltx_ref">77</a>
      </sup>
      <span class="tooltiptext"> This is the link </span>
   </span>
</cite> 
*/


/*********************
  QChem example boxes 
 *********************/



pre {
   background-color: #ffe7b8;
   color:            black;
   font-size:        90%;
   padding:          1em 0em 1em 2em;
   margin:           0;
}

.caption p {
   background-color: #1b1644;
   color:            #fff;
   margin:           0 auto;
   padding:          1.5em 1.0em 1.5em 1.5em;
}

.caption a {
color: #e96100;
}

.collapse p:hover a {
color: #1b1644;
}

.collapse {
   cursor:           pointer;
}

.collapse p:hover  {
   background-color: #e96100;
}

/*.collapse p:after {
   content:          '\25BC';
   font-size:        120%;
   float:            right;
   padding-top:      0.5em;
}

.active p:after {
   content:          '\25B2'; 
   font-size:        120%;
   float:            right;
   padding-top:      0.5em;
}*/

.qin {
   background-color: #ffe7b8;
   max-height:       0;
   overflow:         hidden;
   transition:       max-height 0.3s ease-out;
   margin:           0 0 0.8em 0;
}

.qinput {
   margin:           0 0 1em 0;
}


/*********************
  Videos 
 *********************/


.video {
   float:  middle;
   width:  560px;
   height: 315px;
   margin:  auto;
}

iframe  {
   width:   100%;
   height:  100%;
   border:  0;
}

.videocaption {
   background-color: #888;
   color:            #fff;
   width:  560px;
   margin:           0 auto;
   padding:          1.5em 1.0em 1.5em 1.5em;
   font-size:        90%;
}




/*
.captionnoview {
   float:  middle;
   background-color: #888;
   color:            #fff;
   margin:           0;
   padding:          1.5em;
   font-size:        90%;
}

.qinnoview {
   background-color: #F00;
   margin:           0;
}

.qnoview pre {
   margin:   0 0 1em 0;
}
*/





.remblock {
   background-color: #bdc9e1;
   padding:          0.8em;
   border:           1px #222  solid;
   margin:           1em;
}


/* link to the 'annotated' output */

.qoutput {
   background-color: #1b1644;
   color: white;
   margin:           0 auto;
   padding:          0.8em;
   float:            right;
}

.qoutput:hover {
  background-color: #e96100;
}

.qoutput a.ltx_ref {
   color: white;
}



/*******/
/* TeX */
/*******/

/* Fonts */
.rm {
    font-family: serif;
    font-style: normal;
    font-weight: normal;
}
.cal {
    font-family: serif;
    font-style: italic;
    font-weight: normal;
}
.it {
    font-family: serif;
    font-style: italic;
    font-weight: normal;
}
.sl {
    font-family: serif;
    font-style: oblique;
    font-weight: normal;
}
.bf {
    font-family: serif;
    font-style: normal;
    font-weight: bold;
}
.tt {
    font-family: monospace;
    font-style: normal;
    font-weight: normal;
}

/* Text */
.underbar {text-decoration: underline}


/*********/
/* LaTeX */
/*********/

/* Alignment */
.center, .centering      {text-align: center}
.flushleft, .raggedright {text-align: left}
.flushright, .raggedleft {text-align: right} 


/* Arrays */
.tabular { border-collapse: collapse }
.tabular td, .tabular th {
    vertical-align: baseline;
    text-align: left;
    padding-top: 0.3em;
    padding-bottom: 0.3em;
    padding-left: 0.6em;
    padding-right: 0.6em;
    empty-cells: show;
}


/* Boxes */
.fbox, .framebox {
    border: 1px black solid;
    padding-top: 1px;
    padding-bottom: 1px;
    padding-left: 3px;
    padding-right: 3px;
}


/* Font Selection */
.mdseries, .textmf {font-weight: normal}
.bfseries, .textbf {font-weight: bold}
.rmfamily, .textrm {font-family: serif}
.sffamily, .textsf {font-family: sans-serif}
.ttfamily, .texttt {font-family: monospace}
.upshape,  .textup {text-transform: uppercase}
.itshape,  .textit {font-style: italic}
.slshape,  .textsl {font-style: oblique}
.scshape,  .textsc {font-variant: small-caps}

small.tiny         {font-size: x-small}
small.scriptsize   {font-size: smaller}
small.footnotesize {font-size: small}
small.small        {font-size: small}
.normalsize        {font-size: normal}
big.large          {font-size: large}
big.xlarge         {font-size: x-large}
big.xxlarge        {font-size: x-large}
big.huge           {font-size: xx-large}
big.xhuge          {font-size: xx-large}

/* Lists */
/*ul.itemize {}*/
/*ol.enumerate {}*/
dl.description dt {font-weight: bold}

table.list {
    margin-left: 15px;
    margin-top: 1em;
    margin-bottom: 1em;
}

table.list td {
    padding-right: 5px;
}

/* Title Page */
.titlepage {text-align: center}
.titlepage h1 {font-weight: normal}


/* Quotations and Verse */
.quotation, .quote, .verse {
}
.quotation p, .quote p, .verse p {
    margin-top: 0px;
    margin-bottom: 0.5em;
}



/*
td p:first-child, th p:first-child {
    margin-top: 0px;
    margin-bottom: 0px;
}

td p, th p {
    margin-top: 1em;
    margin-bottom: 0px;
}
*/

img {
    border: none;
    vertical-align: baseline;
}

img.ieimgfix {
    width: 0;
    visibility: hidden;
    vertical-align: top;
    display: none;
}

td img.ieimgfix {
    display: inline;
}

.ltx_quote > .ltx_verbatim {
box-sizing: border-box;
padding: 2em;
overflow-x: auto;
}

.content0 {
  display: none;
}

button, .place_button {
    border: none;
    background: none;
    font-size: 1.2em;
    font-family: 'Quicksand',sans-serif;
    color: #1b1644;
    cursor: pointer;
    text-align: left;
    padding-top: 0.3em;
    padding-bottom: 0.3em;
    padding-left: 2.5em;
    text-indent: -2.2em;
}

/*.collapsible::before{
    content: "\25B6";
    color:     #e96100;
    padding-right: 0.4em;
}

.active::before{
content: "\25BC";
}*/

.place_button {
padding-left: 0.4em;
color: #1b1644;
}

ul {
/*    padding: 0 !important;*/
    list-style-type: none;
}

li {
/*padding-top: 0.25em;
padding-bottom: 0.25em;*/
}

.ltx_tocentry_section {
text-indent: -3.5em;
margin-right: 3.5em;
padding-left: 3.5em;
padding-top: 0.3em;
padding-bottom: 0.3em;
}

.ltx_page_navbar .current, .ltx_page_navbar .current a {
color: #e96100;
}

.manual-layout {
	display: flex;
}

@media only screen and (max-width: 768px) {
	.manual-layout {
		flex-direction: column;
		max-width: 100vw;
	}
	.manual-layout > .ltx_page_navbar {
		order: 2; 
	}
	
	.manual-layout > .ltx_page_main {
		order: 1; 
	}
	
	#block-qchem-branding  img {
		height: unset;
		max-width: unset;
	}
	
	h1 {
		text-align:center;
	}
	
	.ltx_page_footer {
	        display:none;
	}
	
	nav {
		width: 100%;
	}
	
	.ltx_page_header [rel~="up"], .ltx_page_header [rel~="prev"], .ltx_page_header [rel~="next"] {
	       text-align:left;
	       float:left;
	       clear:both;
	}
	
	.ltx_page_header [rel~="next"]::before {
		/*content: "\25B6 \0020";
		color:     #e96100;
		clear:both;*/
		content: '';
    		background: url('q-right.jpg');
    		display: inline-block;
    		background-size: 1em 1em;
    		background-repeat: no-repeat;
    		height: 1em;
    		width: 1.2em;
	} 
	       
	.ltx_eqn_eqno {
		max-width:unset;
	}
	
	.ltx_eqn_table {
		margin-left: auto;
		margin-right: auto;
		width: auto;
	}
	
	.ltx_eqn_center_padleft {
	 	width:0;
	 	min-width:0em;
	 }
	
	 .ltx_eqn_center_padright {
	 	width:0;
	 	min-width:0em;
	 }
	
	 .icon_menu {
	         display:none !important;
	 }
	
	 .desktop_nav {
	         display:none;
	 }
	
	 .topnav input[type="text"]{
	         width: 65%;
	 }
	
	 .topnav .input {
	 	float: left;
	  	padding-left: 1em;
	 	padding-right:0em;
	 }
	
	 .ltx_title {
	 	display: block;
	 	font-size: 155%;
	 }
	
	.header_icon {
		display: block;
		margin-left: auto;
	       	margin-right: auto;
	}
}

@media only screen and (min-width: 769px) {
	.manual-layout {
		flex-direction: row;
		margin-right: 3em;
	}

	.manual-layout > .ltx_page_navbar {
		order: 1; 
	}

	.manual-layout > .ltx_page_main {
		order: 2; 
	}
	
	nav {
		width: 25%;
	}
	
	.ltx_page_main {
	        width: 75%;
	}
	
	nav .ltx_TOC {
		border-right-style: solid;
		border-right-color: black;
		border-right-width: 0.1em;
	}
	
	.ltx_page_footer [rel~="next"]::after, .ltx_page_header [rel~="next"]::after {
		/*content: "\0020 \25B6";
		color:     #e96100;*/
		content: '';
		background: url('q-right.jpg');
    		display: inline-block;
    		background-size: 1em 1em;
    		background-repeat: no-repeat;
    		height: 1em;
    		width: 1.2em;
	}
	
	.ltx_page_footer [rel~="bibliography"] {
		display: none;
	}
	
	.desktop_nav {
		display:flex;
	}
	
	.mobile_nav {
	        display:none;
	}
	
	h1.ltx_title {
	 	display: flex;
	 	font-size: 155% !important;
		align-content: center;
	        text-align: center;
	        align-items: flex-start;
	}
	
	.header_icon {
	 	margin-right:0.5em;
	}
}

.ltx_parbox {
width:auto !important;
}

span.ltx_ref_self {
    color:           #e96100;  /* qchem orange */
}

.ltx_page_header {
	padding: 1em;
	padding-top: 2em;
}

.ltx_page_content {
font-family: STIXGeneral;
font-size: 1.2em;
max-width: 95vw;
margin-left:auto;
margin-right:auto;
}

.ltx_page_content a {
	font-family: STIXGeneral;
font-size: 1.0em;
}

.remblock {
background-color: #ffe7b8;
}

.ltx_dates {
	display:none;
}

.ltx_td.ltx_align_left {
	white-space: normal;
}

.collapsible::before{
    /*content: "\25B6";
    color:     #e96100;
    padding-right: 0.4em;*/
    content: '';
    background: url('q-right.jpg');
    display: inline-block;
    background-size: 1em 1em;
    background-repeat: no-repeat;
    height: 1em;
    width: 1.2em;
}

.collapsible.active::before {
    /*content: "\25BC";
    color:     #e96100;
    padding-right: 0.4em;*/
    content: '';
    background: url('q-down.jpg');
    display: inline-block;
    background-size: 1em 1em;
    background-repeat: no-repeat;
    height: 1em;
    width: 1.2em;
}

.ltx_page_footer [rel~="up"]::before, .ltx_page_header [rel~="up"]::before {
/*content: "\25B2 \0020";
color:     #e96100;*/
    content: '';
    background: url('q-up.jpg');
    display: inline-block;
    background-size: 1em 1em;
    background-repeat: no-repeat;
    height: 1em;
    width: 1.2em;
}

.ltx_page_footer [rel~="prev"]::before, .ltx_page_header [rel~="prev"]::before {
/*content: "\25C0 \0020";
color:     #e96100;*/
    content: '';
    background: url('q-left.jpg');
    display: inline-block;
    background-size: 1em 1em;
    background-repeat: no-repeat;
    height: 1em;
    width: 1.2em;
}

.ltx_toclist_appendix {
	margin-left: 1.2em;
}

@media only screen and (max-width: 768px) {
    .ltx_table, .ltx_figure, .ltx_eqn_wrapper {
            overflow-x: auto;
    }
}

@media only screen and (min-width: 769px) {
    .ltx_table, .ltx_figure, .ltx_eqn_wrapper {
            overflow-x: auto;
            scrollbar-width: none;
            -ms-overflow-style: none;
    }
}

.ltx_eqn_wrapper .ltx_td {
	padding: 0.4em;
}

.ltx_eqn_table {
	border-collapse: unset;
}

.icon_menu img {
width: 90%;
padding: 0.8em;
filter: drop-shadow(10px 10px 10px rgba(0, 0, 0, 0.7));
}


.icon_menu img:hover {
padding:0em;
}

.w-10 {
	width: 16.66%;
	font-size: 0.7em;
}

.header_icon {
	width:3em;
}


.ltx_tag {
	margin-right:0.5em;
}

.main_menu {
font-size: 1.2em;
text-indent: -0.65em;
padding-left: 1.0em;
}

.main_menu a {
	padding-left: 0em !important;
margin-left: -0.3em;
}

.main_menu::before {
	content: '';
	background: url('q-right.jpg');
	display: inline-block;
	background-size: 1em 1em;
	background-repeat: no-repeat;
	height: 1em;
	width: 1.2em;
}

.ltx_font_smallcaps, .ltx_font_italic, .ltx_text {
    padding-left: 0.18em;
    padding-right: 0.18em;
}

.ltx_title > .ltx_text {
	font-size: 100% !important;
}

.ltx_block.video {
	padding-bottom: 2em;
}

.ltx_block.video > .ltx_p {
height: 100%;
}

.ltx_title_chapter .ltx_tag {
font-size: 100%;
margin-bottom: 0em;
white-space: nowrap;
}

.ltx_th {
vertical-align: top;
}

.ltx_tabular .ltx_td {
padding: 0.5em 0.5em;
}

.ltx_para ol {
padding-bottom: 1em;
}

.ltx_pagination.ltx_role_newpage {
	height: 0em;
}

.ltx_title .MathJax {
	padding: 0.1em;
}

.ltx_tbody th  {
	font-weight: normal !important;
}