/*
Theme Name: customtheme
Author: Jang Soon-sin
Version: 1.0
*/
*,
*:before,
*:after {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box; }

/* font page */
.frontpage {
    font-family: "PT Sans Narrow", sans-serif;
    font-size: 8.5em;
    color: black;
    font-weight: 700;
    text-align: center;
    margin-bottom: 0px;
    margin-top: 25px;
    line-height: 1;
}

.subtitle{
    text-align: center;
    font-weight: 700;
    font-size: 1.5em;
    margin-top: 0px;
    margin-bottom: 0px;
    padding-bottom: 0px;
}

/*this should be deleted after update
.centertextfrontpage {
    text-align: center;
    font-weight: 700;
    font-size: 1.5em;
    margin-top: 10px;
    margin-bottom: 0px;
}*/

.tocfrontpage {
  font-family: "Playfair Display";
  font-variant: small-caps;
  padding-top: 20px;
  padding-bottom: 5px;
  margin-bottom: -10px;
  text-align: left;
  font-size: 1.6em;
  line-height: 1;
}


div.contents1 {
    width: 48%;
    float: left;
    clear: left;
    background-color: ;
    }


div.contents2 {
    width: 48%;
    float: right;
    clear: right;
    background-color: ;
}

.smallcaps {
    font-variant: small-caps;
}

ul.toc {
    font-family: "Libre Baskerville";
    font-size: 1em;
    line-height: 1.8;
    padding: 0px;
}

ul.toc li {
   list-style-type: none;
    width: 100%;
    overflow-x: hidden;
}

ul.toc li:after {
    float: left;
    width: 0;
    white-space: nowrap;
    content:
 ". . . . . . . . . . . . . . . . "
 ". . . . . . . . . . . . . . . . "
 ". . . . . . . . . . . . . . . . "
 ". . . . . . . . . . . . . . . . "
 ". . . . . . . . . . . . . . . . "
 ". . . . . . . . . . . . . . . . "}

ul.toc li span:first-child {
    background: white;
    padding-right: 5pt;
}

ul.toc li span + span {
    float: right;
    padding-left: 5pt;
    background: white;
    position: relative;
    z-index: 1
}

/* this makes the front page just a bit narrower */
    div.containernarrow {
        max-width: 900px;
        margin: 0 auto;
        padding-left: 20px;
        padding-right: 20px;
    }

/* general */

body {
  background-color: white;
   }

p {
    text-align: left;
    color: black;
  font-family: "Libre Baskerville", serif;
  font-size: 1em;
  line-height: 1.8;
    margin-top: 0px;
    margin-bottom: 30px;
}

p.pquote {
   margin: 10px 0px 10px 20px;
   font-size: 32px;
   line-height: 53px;
   text-align: right;
   font-family: "Playfair Display";
   font-weight: 400;
   font-style: normal;
   width: 33%;
   padding: 8px 0px;
   border-width: 4px 0px;
   border-style: solid;
    border-bottom-color: 	#c5050c;
    border-top-color: 	#c5050c;
   float: right;
   text-transform: none;
   letter-spacing: 0px;
   text-shadow: 0px 0px 0px rgba(234, 227, 227, 1);
}

/* Headings */
    /* For the purposes of WordPress the "blog title" is the "h1". Therefore, on this site, the document title is an "h2" and any subheadings in the document are "h3".*/

h2 {
    font-family: "Playfair Display", serif;
    font-weight: 700;
    font-size: 2.25em;
    line-height: 1.25;
    margin-top: 0px;
    margin-bottom: 0px;
    padding-bottom: 20px;    
}

h3 {
    font-family: "Playfair Display", serif;
    font-weight: 700;
    font-size: 1.5em;
    margin-top: 30px;
    margin-bottom: 0px;
    padding-bottom: 10px;
}

/* General Layoyt */

div.container {
    max-width: 1000px;
    margin: 0 auto;
    padding-left: 20px;
    padding-right: 20px;
}

      
        /* this rule pushes the content of a page below the header */
        article {
            padding-top: 150px;
        }

        /* this undoes the above rule for the front page */
        .page19 {
            padding-top: 0px;
        }

/* Header for content pages -The home page has no header */

    
header {
  width: 100%;
  height: 160px;
  overflow: hidden;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 999;
  background-color: white;
    border-bottom: 10px;
  -webkit-transition: height 0.3s;
  -moz-transition: height 0.3s;
  -ms-transition: height 0.3s;
  -o-transition: height 0.3s;
  transition: height 0.3s;}
  header h1#logo {
    display: inline-block;
    height: 120px;
    line-height: 100px;
    float: right;
    padding-right: 8px;
    font-family: "PT Sans Narrow", sans-serif;
    font-size: 70px;
    color: black;
    font-weight: 700;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s; }

  header.smaller {
    height: 70px; }
    header.smaller h1#logo {
      height: 70px;
      line-height: 70px;
      font-size: 25px; 
        margin-top: inherit;
}

.clearfix:after {
  visibility: hidden;
  display: block;
  content: "";
  clear: both;
  height: 0; }

/* end header */

 
/* added rules */
#video {
    width:800px;
    
}

.video-container {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 35px;
    height: 0;
    overflow: hidden;
    margin-bottom: 0px;
}

.video-container iframe {
    position: absolute;
    top:0;
    left: 0;
    width: 100%;
    height: 100%;
}

.hanging-indent {
	padding-left: 40px ;
  	text-indent: -40px ;
    margin-bottom: 5px;
}


hr {
    border: none;
    border-top: medium double #333;
    color: #333;
    text-align: center;
}

/* footer */

footer {
    padding-top: 10px;
    margin-top: 40px;
    clear: both;
    margin-bottom: 0px;
}

footer p {
    text-align: center;
    margin-bottom: 0px;
    font-size: 1.25em;
    margin-top: 20px;
    }

/* links */
a {
	color: inherit;
	text-decoration: none;
	}
a:hover {
    color: #c5050c;
}

a.red {
    color: #c5050c;
}

/* contributors page*/
div.contributors {
  text-align: center;
}

div.contributors li {
  width: 50%;
  float:left;
  list-style-type:none;
  line-height: 1.75;
  display: inline;
    font-family: "Libre Baskerville";
    font-size: 1em;
}

div.contributors ul {
  margin-bottom: 10px;
  margin-top: 10px;
  height: inherit;
  display: block;
  height: inherit;
  padding: 0px;
  overflow: hidden;
}

/* Image Rules */
.entry {
  width: 100%;
  display: block;
  height: auto;
}

.figcaption {
  font-family: "libre baskerville";
  font-size: .75em;
  line-height: 1.5em;
  margin-top: -20px;
}

/* Mobile Rules*/
@media only screen and (max-width: 1050px) {
     div.contributors li {
  width: 100%;
    }
   
}

@media only screen and (max-width: 800px) {
    div.container {
        max-width: 100%;
        padding-left: 5px;
        padding-right: 5px;
    }
    
    article {
            padding-top: 100px;
        }
    
    div.containernarrow {
        width: 100%;
    }
    
    div.contents1 {
    width: 100%;
    float: left;
    clear: left;
    background-color: ;
    }


    div.contents2 {
        width: 100%;
        float: right;
        clear: right;
        background-color: ;
    }
    
    .frontpage {
    font-family: "PT Sans Narrow", sans-serif;
    font-size: 6em;
    color: black;
    font-weight: 700;
    text-align: center;
    margin-bottom: auto;
    }
    header {
  width: 100%;
  height: 100px;
  overflow: hidden;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 999;
  background-color: white;
    border-bottom: 10px;
  -webkit-transition: height 0.3s;
  -moz-transition: height 0.3s;
  -ms-transition: height 0.3s;
  -o-transition: height 0.3s;
  transition: height 0.3s;}
    header h1#logo {
    display: inline-block;
    height: 100px;
    line-height: 50px;
    float: right;
    padding-right: 8px;
    font-family: "PT Sans Narrow", sans-serif;
    font-size: 3em;
    color: black;
    font-weight: 700;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s; }

    header.smaller {
    height: 70px; }
    header.smaller h1#logo {
      height: 70px;
      line-height: 70px;
      font-size: 25px; 
        margin-top: inherit;
    }
    
    p.pquote {
    width: 100%;
    text-align: center;
    }
    
    p {
        text-align: left;
    }
}

    
@media only screen and (max-width: 500px){
    div.container {
        max-width: 100%;
        padding-left: 5px;
        padding-right: 5px;
    }
    
    div.containernarrow {
        width: 100%;
        padding-right: 0px;
        padding-left: 0px;
    }
    
    h2 {
        font-size: 1.72em;
    }
    
     p {
        text-align: left;
}

    footer p {
        font-size: 1em;
    }
}