/* Enter Your Custom CSS Here */
.main-menu {border-bottom: 3px solid #369; background-color: transparent; font-size: 14px;}

#menu-main-menu > li > a {color: #998A28;}
#menu-main-menu > li:nth-child(2) > a {color: #A95F5A;}
#menu-main-menu > li:nth-child(3) > a {color: #73A28A;}
#menu-main-menu > li:nth-child(4) > a {color: #C77529;}
#menu-main-menu > li:nth-child(5) > a {color: #9B881F;}
#menu-main-menu > li:nth-child(6) > a {color: #779087;}

#menu-main-menu > li > a:hover {color: #992C11;}

.main-menu > ul > li > .sub-menu {border-top-color: #998A28;}

#branding {margin-bottom: -20px; margin-top: 15px; }

/*Code for first letter of poetry*/
.poetry p {
	font-size: 16px !important;
}
.poetry p::first-letter { 
	font-size: 100% !important;
}
/*Code for poetic indentation*/
.poetry {
  white-space: pre;
  font-size: 16px;
  line-height: 12px;  
}

.poetrycorfman {
  white-space: pre-wrap;
  font-size: 16px;
  line-height: 24px; 
  text-align: justify; width: 28em;
  padding-left: 80px;
  
}

.poetryseuss {
  white-space: pre-wrap;
  font-size: 16px;
  line-height: 24px; 
  text-align: left; width: 28em;
}

.poetry3 {
  white-space: pre;
  font-size: 16px;
  line-height: 12px; 
  text-align: right;
}

.poetry4 {
  white-space: pre-wrap;
  font-size: 16px;
  line-height: 24px;
  text-align: justify; width: 40em;
}

.poetryalea {
  white-space: pre-wrap;
  font-size: 16px;
  line-height: 26px; 
  text-align: justify; width: 26em;
  padding-left: 90px;
  
}

.poetrystonecipher {
  font-size: 16px;
  line-height: 28px; 
  text-align: left;
  padding-right: 120px;
  
}

 .poetrylewis {
  white-space: pre-wrap;
  font-size: 16px;
  line-height: 24px; 
  text-align: justify; width: 28em;
  padding-left: 20px;
  
}
  
  
.padding {
    padding-left: 2cm;
    padding-top: 0cm;
}

.charge {
    position: relative;
    bottom: 0.5em;
    font-size: 0.7em;
}


		.foust {
    font-size: 22px;
    font-family: Oswald;
    line-height: 26px;
    text-align: right;
    padding: 50px;
}


.search-form {
	position: absolute;
	right: 20px;
	top: 1px;
}

.search-field {
	background-color: transparent;
	background-image: url(https://png.icons8.com/metro/1600/search.png);
	background-position: 5px center;
	background-repeat: no-repeat;
	background-size: 24px 24px;
	border: none;
	cursor: pointer;
	height: 37px;
	margin: 3px 0;
	padding: 0 0 0 34px;
	position: relative;
	-webkit-transition: width 400ms ease, background 400ms ease;
	transition:         width 400ms ease, background 400ms ease;
	width: 0;
}

.search-field:focus {
	background-color: #fff;
	border: 2px solid black;
	cursor: text;
	outline: 0;
	width: 230px;
}

.search-submit {
  display: none;
}

input[type="search"] {
  -webkit-appearance: textfield;
}

/*code for line height*/

div.b {
    line-height: 2;
}

/* Previous code for horizontal scroll 


 .poemscroll {
 
  min-width: 500px;
  overflow-x: scroll;
}


@media (max-width: 1100px) {
 .single-box.clearfix.entry-content {
   
  overflow-x: scroll;
  }
  }
   
  
  @media (min-width: 1101px) {
    .poemscroll {
   
 
}


  }
*/


/* code for horizontal scroll */




@media (max-width: 1100px) {
 .single-box.clearfix.entry-content {
  overflow-x: scroll;
		  margin-right: 10px 
  }
		
  .montreux {
   min-width: 700px;
    overflow-x: scroll;
  }
 
   body {
    
          padding: 2px !important;
     margin-right: 2px !important;
     width: 100% !important;
        }
.wrapper { Margin-left: 10px;
  Margin-right: 10px !important;
  
  width: 100% !important;
  }
  .poemscroll {
    min-width: 700px;
    overflow-x: scroll;
  }
}
  

.indent {
  margin-left: 30px;
}


.sidebar {
    background-color: transparent;
}