html {
	overflow-x: hidden;
}

.body {
	color: #474749;
    font-family: "Times New Roman",serif;
	font-size: 1.1em;
    overflow-x: hidden;
}

.container {
	width: 1200px!important;
}

.col-md-6 {
	padding-right: 100px;
}

.grad {
	background: rgba(0, 0, 0, 0) linear-gradient(#262161, #ffffff) repeat scroll 0 0;
    border-radius: 0 0 10px 10px;
    box-shadow: 0 23px 20px -20px #fba918 inset;
    height: 200px;
    margin: 0;
    position: relative;
    text-align: center;
}

.frame1 {
    border: 1px solid #262161; /*outside border*/
    padding: 15px;
}


.frame2 {
    border: 1px solid #262161; /*outside border*/
    padding: 15px 15px 30px 15px;
}
#logo-text {
	bottom: 20px;
    color: #262161;
    font-family: "Tahoma","Arial",sans-serif;
    font-size: 1.2em;
    font-weight: normal;
    left: 210px;
    position: absolute;
}

.navbar ul {
	margin: 0 auto;
}

.navbar ul li {
	border: 1.75px solid #fcb016; 
	margin: 7px;
}

.navbar ul li a {
	color: #262161;
    font-family: "Tahoma","Arial", sans-serif;
    font-size: 1.1em;
    text-decoration: none;
    padding: 7px;
}

.navbar ul li a:hover {
	color: #5e5e61;
	text-decoration: underline;
	background: none !important;
}

.navbar {
	margin-bottom: 0!important; 
}

#side-bar {
	background-color: #262161;
    border-radius: 5px;
    color: #d9d9e0;
    /*display: block;
    float: right;*/
    font-family: "Tahoma","Arial",sans-serif;
    font-size: 1em;
    font-style: normal;
    margin-top: 30px;
    padding: 25px;
    width: 100%;
    text-align:center;
}

#side-bar p, #side-bar .p5 {
text-align: left;
}

.alt-head {
	background-color:#d7d4e2;
	color: #262161;
    font-family: "Helvetica Neue",sans-serif;
    font-style: normal;
    font-size: 1.2em;
    margin-bottom: 30px;
    margin-top: 30px;
    font-weight: 800;
    padding: 5px;
}


.p4 {
    color: #262161;
    font-family: "Tahoma","Arial",sans-serif;
    font-size: .9em;
    font-style: normal;
    font-weight: bolder;
    text-decoration: underline;
    margin-left: 45px;
     
}


.p5 {
	border-bottom: 1px solid #d9d9e0;
    color: #d9d9e0;
    font-family: "Tahoma","Arial",sans-serif;
	font-style: italic;
    font-size:105%;
    margin-top:40px;
    
}


.p6 {
	border-bottom: 1px solid #262161;
    color: #262161;
    font-family: "Tahoma","Arial",sans-serif;
    font-style: normal;
    margin:30px 0px;
    font-size:1.1em;
 
  
}
.p7 {
    color: #262161;
    font-family: "Times New Roman", serif;;
    font-size: 1em;
    font-style: normal;
    margin-left:10px;
 }


 .p8 {
	color: #262161 !important;
    font-family: "Tahoma","Arial", sans-serif;
    font-style: italic;
    font-size:.9em;
    font-weight:600;
    margin-top:25px;
   margin-bottom:-15px; 
 }
 

.p9 {
    color: #262161;
    font-family: "Tahoma","Arial",sans-serif;
    font-size: 1em;
    font-style: normal;
    font-weight: 600;
    text-decoration: underline;
    margin-left:0;
}


.p10 {
   
    color: #d9d9e0;
    font-family: "Tahoma","Arial",sans-serif;
    font-size:100%;
    margin-top:25px;
    margin-left:25px;
    margin-bottom:10px;

}

.margin1 {
    margin-bottom: 90px;
}
 
 

.hyperlink {
    color: #36369f;
    font-size: 0.9em;
    font-weight: bolder;
    text-decoration: none;
}

.hyperlink:focus, .hyperlink:hover {
    color: #36369f !important;
    text-decoration: none !important;
}

.hyperlink2 {
	color: #d58d54;
    font-size: 1.1em;
    text-decoration: none;
    font-style:italic;
}

.hyperlink2:hover {
	color: #d58d54;	
	text-decoration: none;
}


.contactpng {
	color: #d58d54;
    font-size: 1.1em;
    text-decoration: none;
    border-radius: 5px; 
}

.quotecite {
	color: #474749;
    font-family: "Tahoma","Verdana",sans-serif;
    font-size: 1.1em;
    text-align: right;
    margin-top: -10px;
    margin-left: 1.8em;
    margin-right: 1.8em;
    white-space: pre;
}

.hyperlink3 a:hover, a:visited, a:link, a:active {
    text-decoration: none !important;
}


h1, h2, h3 {
	color: #262161!important;
    font-family: "Helvetica Neue",sans-serif!important;
    margin-left: 3px!important;
    margin-top: 30px!important;
    margin-bottom: 30px!important;
    font-weight: bold;
}

h1 {
	font-size: 35px;
    font-style: italic;
    line-height: 1.3;
}

h2 {
	font-size: 28px; 
}

h3 {
	font-size: 20px;
	font-style: italic;
}

.h1h { 
text-indent: 100%;
white-space: nowrap;
overflow: hidden; }

.tbreak {
	background: #fcb016 -moz-linear-gradient(left center , #fcb016, #5b5787) repeat scroll 0 0;
    border-radius: 5px;
    float: left;
    height: 43px!important;
    margin: 5px 10px 5px 0px;
    width: 40px;
}

.tbreak-sidebar {
    background: #fcb016 -moz-linear-gradient(left center , #fcb016, #5b5787) repeat scroll 0 0;
    border-radius: 5px;
    float: left;
    height: 33px!important;
    margin: 5px 10px 5px 0px;
    width: 30px;
}

.li-bullet {
	list-style-image: url('../images/general/li-bullet.png');
	}
	

.li-bullet li {
	margin-top: 30px;
	}

.article-text {
	color: #474749;
	font-family: "Times New Roman",serif;
	font-size: 1.25em;
	text-align: left;
	line-height: 22px;
	margin-top: 17px;
	margin-bottom: 17px;
}

ul {
	color: #474749;
	font-family: "Times New Roman",serif;
	font-size: 1.25em;
	text-align: left;
	line-height: 22px;
	margin-bottom: 30px;
	list-style: none;
}


.article-works-cited {
	color: #474749;
	font-family: "Times New Roman",serif;
	font-size: 1.25em;
	text-align: left;
	line-height: 22px;
	 margin-top:-.5em;
	 margin-left:20px;
	 margin-right:15px;
	 text-indent: -1em;
	 padding-left:1em; }


.initialQuote {
	color: #262161;
    font-family: "Tahoma","Verdana",sans-serif;
    font-size: 16px;
    font-style: italic;
    line-height: 1.4em;
    margin-left: 2.5em;
    margin-right: 2.5em;
    text-align: left;
}

figcaption {
	float: right;
	font-family: sans-serif;
	font-size: small;
	font-style: italic;
	margin-right: 10px;
	margin-top: 5px;
	 text-align: right;
}

iframe {
	width:100%;
}


.continue {
	background-color: #d58d54;
    border-radius: 4px;
    color: #262161;
    float: right;
    font-family: "Tahoma","Arial",sans-serif;
    font-size: 1.1em;
    margin-right: 40px;
    margin-top: -8px;
    padding: 4px;
    text-align: center;
    text-decoration: none;
    width: 8em;
}

.continue:hover {
	text-decoration: none;
	color: #262161;
}

img {
border-radius:5px;
}

.arrow1 {
margin-top:5px;
margin-left:7px;
}



.op1 {
opacity:.1
}


.op2 {
opacity:.2
}


.op3 {
opacity:.3
}

.op4 {
opacity:.4
}

.op5 {
opacity:.5
}

.op6 {
opacity:.6
}

.op7 {
opacity:.7
}

.op8 {
opacity:.8
}

.op9 {
opacity:.9
}


.w25 {
width:25%:
}

.w30 {
width:30%; 
}

.w35 {
width:35%; 
}
.w40 {
width:40%; 
}
.w45 {
width:45%; 
}

.w50 {
width:50%; 
}

.w55 {
width:55%; 
}

.w60 {
width:60%; 
}

.w65 {
width:65%; 
}

.w70 {
width:70%; 
}

.w75 {
width:75%; 
}

.w80 {
width:80%; 
}

.w85 {
width:85%; 
}

.w90 {
width:90%; 
}

.w90 {
width:95%; 
}

.w100 {
width:100%; 
}


.bigger105 {
	font-size: 105%;
}

.bigger110 {
	font-size: 110%;
}


.bigger115 {
	font-size: 115%;
}

.bigger120 {
	font-size: 120%;
}

.bigger125 {
	font-size: 125%;
}

.bigger130 {
	font-size: 130%;
}

.bigger135 {
	font-size: 135%;
}

.bigger140 {
	font-size: 140%;
}

.bigger145 {
	font-size: 145%;
}

.bigger150 {
	font-size: 150%;
}

.bigger155 {
	font-size: 155%;
}

.bigger160 {
	font-size: 160%;
}

.bigger165 {
	font-size: 165%;
}

.bigger170 {
	font-size: 170%;
}


.bigger175 {
	font-size: 175%;
}

.bigger180 {
	font-size: 180%;
}

.bigger185 {
	font-size: 185%;
}

.bigger190 {
	font-size: 190%;
}

.bigger195 {
	font-size: 195%;
}

.bigger200 {
	font-size: 200%;
}



.img-responsive {
	width: 100%; 
}


hr {
	background: #fcb016;
	background-image: -webkit-linear-gradient(left, #fcb016, #5b5787);
	background-image: -moz-linear-gradient(left, #fcb016, #5b5787);
	background-image: -ms-linear-gradient(left, #fcb016, #5b5787);
	background-image: -o-linear-gradient(left, #fcb016, #5b5787); 
	display: block;
    height: 2px !important;
    margin-left: auto;
    margin-right: auto;
}


blockquote {
	color: #262161;
    font-family: "Tahoma","Verdana",sans-serif;
    font-size: 1.1em;
    line-height: 1.5em;
    margin-left: 1.5em;
    margin-right: 1.5em;
    page-break-inside: avoid;
    text-align: left;
    border: none!important;
}


.pullquote {
display: block;
line-height: 1.4em;
font-style: italic; 
font-family: "Times New Roman",serif;
font-size:17px;
color: #262161!important;
border-radius: 5px;
padding:25px 25px 25px 35px;
width:100%;
max-width: 450px;
margin:auto;
border:1.5px ridge #262161!important;

}


.pullquote2{
display: block;
line-height: 1.4em;
font-style: italic; 
font-family: "Times New Roman",serif;
font-size:17px;
color: #262161!important;
border-radius: 5px;
padding:30px 30px 30px 40px;
width:100%;
max-width:400px;
margin:auto;
border:1.5px ridge #262161!important;
}

.pullquote3{
display: block;
line-height: 1.4em;
font-style: italic; 
font-family: "Times New Roman",serif;
font-size:17px;
color: #262161!important;
border-radius: 5px;
padding:30px 30px 30px 40px;
width:100%;
max-width:350px;
margin:auto;
border:1.5px ridge #262161!important;
}

   

.byline {
	color: #474749;
    font-family: "Times New Roman",serif;
    font-size: 1.2em;
    font-style: italic;
    margin-top: 25px;
    margin-bottom: 25px; 
}

.afterbyline {
margin-top:-.5em;
float:right;
font-style: italic;
font-family: sans-serif;
font-size: 1em;
color: #474749; }


.readers-sig {
margin-top:-1em;
float:right;
font-family: "Times New Roman",serif;
font-size: 1.25em;
text-align:right;
white-space: pre;
}

.footer {
	background-color: #262161;
    height: 140px;
    border-radius: 5px;
}

.copyright {
	color: #ffffff;
    font-family: "Times New Roman",serif;
    font-size: 1.2em;
    font-style: italic;
}

.copyright li {
    margin-right: 30px;
}

.bylineimg {
	border: 1px ridge #262161;
    float: left;
    margin-bottom: 5px;
    margin-right: 20px;
}

#nav-mobile, #mobile-menu {
	margin: 0;
	width: 100%; 
}

#mobile-menu li a, #nav-mobile li a {
	color: #262161;
    font-family: "Tahoma","Arial",sans-serif;
    font-size: 1.1em;
    background: rgba(0, 0, 0, 0) linear-gradient(#fcb016, #CD8901) repeat scroll 0 0;
}

#mobile-menu li a:hover, #nav-mobile li a:hover {
	background-color: #fcb016 !important;
}

.navbar {
	border: none !important;
}

.container-fluid {
	padding-left: 5px;
	padding-right: 5px; 
}

.pad170 {
    padding: 0px 170px 0px 170px;
}

@media screen and (max-width: 1000px) {
    .pad170 {
        padding: 0px 10px 0px 10px;
    } 
}



.archive2 {
 display:inline-block;
width:200px;
padding-bottom: 10px;
margin-top: 2em;
margin-right: 4em;
text-align: center;
font-family: "Tahoma", "Arial", sans-serif;
font-size: 1em;
color: #262161; 
vertical-align: top; } 



.marg-20 {
     margin-bottom: 40px; 
}

.indentpage {
    color: #262161;
    font-family: "Tahoma","Arial",sans-serif;
    font-style: normal;
    font-size: 1.2em;
}


figure {   
    margin: 25px; 
}


.floatLeft { 
	float: left;
}

.floatRight {
	float:right;
}	

.center {
 display: block;
    margin-left: auto;
    margin-right: auto; 
}


.twocol {
margin-top:30px;
/*--margin-left:20px;
margin-right:20px;*/
-webkit-column-count: 2; /* Chrome, Safari, Opera */
-moz-column-count: 2; /* Firefox */
column-count: 2;
-webkit-column-gap: 45px; /* Chrome, Safari, Opera */
-moz-column-gap: 45px; /* Firefox */
column-gap: 45px;  }



#comments {
    background-color: #fba918;
    border-radius: 5px;
    color: #262161;
    display: block;
    font-family: "Tahoma","Arial",sans-serif;
    font-size: 1.1em;
    line-height: 1.4em;
    margin-bottom: 15px;
    margin-top: 15px;
    padding: 15px 15px 15px 25px;
    text-align: center;
}

.workscited {
    background-color: #262161;
    color: #ffffff;
    font-size: 1.3em;
    margin-bottom: 30px;
    margin-top: 40px;
    padding: 6px 21px;
    font-family: "Times New Roman",serif;
}



.break {
	position: relative;
	top: 15px; 
}

input[type="text"] {
	font-size: 10px!important;	
}

.logo-spacing {
    padding-top: 10px;
}

.font200 {
    font-size: 225%;
    font-style: italic;
}

#back-to-top a {
	background-color: #fcb016;
    border-radius: 50%;
    bottom: 20px;
    right: 10px;
    color: #fff;
    display: block;
    font-size: 22px;
    height: 40px;
    line-height: 35px;
    position: fixed;
    text-align: center;
    width: 40px;
    z-index: 500;
    -webkit-box-shadow: 2px 2px 5px 0px rgba(0, 0, 0, 1);
    -moz-box-shadow: 2px 2px 5px 0px rgba(0, 0, 0, 1);
    box-shadow: 2px 2px 5px 0px rgba(0, 0, 0, 1);  
} 

#back-to-top:hover {
	cursor: pointer;
}

/*.carousel-inner>.item>a>img, .carousel-inner>.item>img {
    width: auto;
    height: 500px;
    margin: 0 auto;
}

.carousel-control {
    opacity: 1;
}

.carousel-control.left, .carousel-control.right {
    background-image: none;
    top: 0 !important;
}

.carousel-control .glyphicon-menu-right, .carousel-control .icon-next {
    margin-left: 38px;
    font-size: 30px;
}


.carousel-control .glyphicon-menu-left, .carousel-control .icon-prev {
    margin-left: -67px;
    font-size: 30px;
}

.carousel-control .glyphicon-menu-left, .carousel-control .glyphicon-menu-right, .carousel-control .icon-next, .carousel-control .icon-prev {
    position: absolute;
    top: 50%;
    z-index: 5;
    display: inline-block;
    color: #262161!important;
    color: #262161!important;
}

.carousel-control {
    color: #262161!important;
}

.carousel-control:hover {
    color: #262161!important;
}*/

.image-source-link {
    color: #98C3D1;
}

/*.mfp-close {
    position: absolute;
    top: 50px; 
    right: 55px;
}


.mfp-figure figure {
    background-color: rgba(0, 0, 0, 0.9);
}

.mfp-figure figure img {
    margin: 40px; 
    height: 550px;
}

.mfp-figure figure figcaption {
    color: #FFFFFF;
    position: absolute;
    top: 39%;
    right: 12%;
    width: 200px;
    font-style: normal;
    font-size: 100%;
    line-height: 150%;
    text-align:left;  
}

.mfp-arrow {
    position: absolute;
}

.custom-mfp-arrow-left {
    right: 14%;
    top: 80%;
}

.custom-mfp-arrow-right {
    right: 10%;
    top: 80%;
}


.mfp-preloader {
    display: none;
}

.mfp-counter {
	margin-top:10px;
}*/

.dont-break-out {

  /* These are technically the same, but use both */
  overflow-wrap: break-word;
  word-wrap: break-word;

  -ms-word-break: break-all;
  /* This is the dangerous one in WebKit, as it breaks things wherever */
  word-break: break-all;
  /* Instead use this non-standard one: */
  word-break: break-word;

  /* Adds a hyphen where the word breaks, if supported (No Blink) */
  -ms-hyphens: auto;
  -moz-hyphens: auto;
  -webkit-hyphens: auto;
  hyphens: auto;

}

.mfp-img {
    max-height: 1000px;
}

iframe {
    -moz-box-shadow:    0 19px 16px 0 rgba(107,109,136,0.36);
      -webkit-box-shadow: 0 19px 16px 0 rgba(107,109,136,0.36);
      box-shadow:         0 19px 16px 0 rgba(107,109,136,0.36);
}
.no-hr {
	display: block;
}

@media screen and (max-width: 1000px;) {
	.no-hr { display:none;		
	}
}

.slide-left {
    position: absolute;
    right: -10000px; 
}

@font-face {
	font-family: 'Celtic Garamond'; /*name to be used */
	src: url('celtic.TTF'); /*URL to fonts*/
}

.celtic {	
	font-family: 'Celtic Garamond'!important;
}

.font1 {
	display:block;
    text-align: right;
}


/* Amplitude */

div.single-song-player {
  width: 100%;
  border-radius: 10px;
  margin: auto;
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.50);
  margin-bottom: 15px; 
}
div.single-song-player img[amplitude-song-info="cover_art_url"] {
  width: 100%;
  border-top-right-radius: 10px;
  border-top-left-radius: 10px;
}
div.single-song-player div.bottom-container {
  background-color: #c0bfce;
  border-radius: 10px;
}
div.single-song-player div.bottom-container progress.amplitude-song-played-progress:not([value]) {
  background-color: #313252;
}
div.single-song-player div.bottom-container progress.amplitude-song-played-progress {
  background-color: #313252;
  -webkit-appearance: none;
  appearance: none;
  width: 100%;
  height: 5px;
  display: block;
  cursor: pointer;
  border: none;
}
div.single-song-player div.bottom-container progress[value]::-webkit-progress-bar {
  background-color: #313252;
}
div.single-song-player div.bottom-container progress[value]::-moz-progress-bar {
  background-color: #00a0ff;
}
div.single-song-player div.bottom-container progress[value]::-webkit-progress-value {
  background-color: #00a0ff;
}
div.single-song-player div.bottom-container div.time-container {
  opacity: 0.5;
  font-family: 'Open Sans';
  font-weight: 100;
  font-size: 12px;
  color: #000;
  height: 15px;
}
div.single-song-player div.bottom-container div.time-container span.current-time {
  float: left;
  margin-left: 5px;
}
div.single-song-player div.bottom-container div.time-container span.duration {
  float: right;
  margin-right: 5px;
}
div.single-song-player div.bottom-container div.control-container {
  margin-top: 2px;
    padding-bottom: 5px;
}
div.single-song-player div.bottom-container div.control-container div.amplitude-play-pause {
  width: 34px;
  height: 34px;
  cursor: pointer;
  float: left;
  margin-left: 10px;
}
div.single-song-player div.bottom-container div.control-container div.amplitude-play-pause.amplitude-paused {
  background: url('../images/general/play.svg');
  background-size: 100%;
}
div.single-song-player div.bottom-container div.control-container div.amplitude-play-pause.amplitude-playing {
  background: url('../images/general/pause.svg');
  background-size: 100%;
}
div.single-song-player div.bottom-container div.control-container div.meta-container {
      float: left;
    width: calc(100% - 84px);
    text-align: left;
    color: #000;
    margin-top: 5px;
    padding-left: 4px;
}
div.single-song-player div.bottom-container div.control-container div.meta-container span[amplitude-song-info="name"] {
  font-family: "Open Sans", sans-serif;
  font-size: 18px;
  color: #000;
  display: block;
}
div.single-song-player div.bottom-container div.control-container div.meta-container span[amplitude-song-info="artist"] {
  font-family: "Open Sans", sans-serif;
  font-weight: 100;
  font-size: 14px;
  color: #000;
  display: block;
}
div.single-song-player div.bottom-container div.control-container:after {
  content: "";
  display: table;
  clear: both;
}

.margin-tiny {
    margin-bottom: 4px;
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
}

#myCarousel:hover {
    position: fixed;
    width: 100%;
}

.large-slideshow .mfp-content {
    width: 90%;
}

.large-slideshow .mfp-bottom-bar {
    right: 0;
}

.large-slideshow .mfp-counter {
    bottom: -9px;
}

/*@media screen and (min-width: 801px) {
    .mfp-image-holder .mfp-content.large-slide {
        width: 90%;
    }
}*/

/* end Amplitude */