/*

Theme Name: Talia

Description: WordPress Talia

Version: 1.0

*/











body {  font-family: 'Vollkorn', serif;  color: #42410B; overflow-x: hidden}

.container{  max-width: 1280px;}



/**

* General

* 

*/

a {color:#000}

a:hover {text-decoration: none;}

.overlay {position: absolute; left: 0px; top: 0px; right: 0px; bottom: 0px;}

.read_more {  letter-spacing: 1.5px;  font-size: 22px;  padding: 12px 50px;  border: 1px solid #fff;  color: #fff;-webkit-transition: all 100ms ease-in;

-moz-transition: all 100ms ease-in;

-ms-transition: all 100ms ease-in;

-o-transition: all 100ms ease-in;

transition: all 100ms ease-in;}

.read_more:hover {text-decoration: none;  background: #fff;  color: #000;}

.read_more.black {  border: 1px solid #555B2B;  color: #555B2B;}

.read_more.black:hover{background: #000;  color: #fff;}

.bg_img{background-position:center center; background-repeat: no-repeat; background-size: cover; background-color: #CCCCCC;
-webkit-background-size: cover;
      -moz-background-size: cover;
      -o-background-size: cover;
      background-size: cover;}

.parallax{background-attachment: fixed;  position: relative }

.circle{height: 120px;  width: 120px;  background-color: #42410B;  border-radius: 50%;  font-size: 50px;  color: #fff;  padding-top: 20px;  display: inline-block;}





/* L O G O */



#logo {padding-top: 10px}

#header_logo {  width: 350px;}



/* L I N K S */





header #mobile_main_menu {display: none}

header .nav {padding: 25px 0 35px 0}

header .nav .menu-item a {display: block; white-space: nowrap;  font-size: 18px;  color: #000;  letter-spacing: 0.1em;  font-family: 'Vollkorn', serif;  margin-bottom: 30px; border-bottom: 1px #fff solid; margin: 0px 75px; padding: 10px 20px 10px 10px}

header .nav .menu-item:first-child a{margin-left: 0px;}

header .nav .menu-item:last-child a{margin-right: 0px;}

header .nav .menu-item a:hover {  color: #000;  border-bottom: 1px #000 solid;}

header .nav .menu-item.current-menu-item a {border-bottom: 1px #000 solid;}



#featured {position: relative}

body:not(.home) #featured .box {min-height: 600px;margin-bottom: 100px; padding-top: 230px;}

body:not(.home) #featured p {color: #fff;    font-size: 3.6em;    font-weight: normal;    letter-spacing: 8px;   text-align: center;}





#featured .overlay {background-color: rgba(66, 65, 11, 0.5);}

#featured .overlayhome{background-color:transparent;position: absolute; left: 0px; top: 0px; right: 0px; bottom: 0px;}

body.home #featured {text-align: center;  font-size: 1.4em;  color: #fff;  letter-spacing: 0.3em;  line-height: 1.5em; }

body.home #featured .box {margin-bottom: 150px;padding-top: 320px;}

body.home #featured .parallax {min-height:800px}

#featured .line {  border: 0;  height: 1px;  background-image: linear-gradient(to right, rgba(0, 0, 0, 0), rgba(255, 255, 255, 0.75), rgba(0, 0, 0, 0));  width: 800px;}









/* T H E   Q U O T E   S E C T I O N */



#mini_logo {

  margin-bottom: 40px;

}



#talia{  text-align: center;  margin-bottom: 40px;}

#talia h1 {font-size: 2.3em;    letter-spacing: 0.3em;    text-align: center; padding-bottom: 20px;}

#talia p {margin-bottom: 30px}

#talia blockquote {letter-spacing: 0.5px;  word-spacing: 2px;  line-height: 35px;  font-size: 1.6em;}





#recent_posts {  margin: 150px 0px 0 0px;}  

#recent_posts #section_line {border-top: 3px solid #555B2B; height: 3px;}

#recent_posts .section_title {  margin: -30px 390px -20px 390px;  background: #fff;letter-spacing: 0.3em;  font-size: 2.3em; text-align: center; }

#recent_posts .box { color: #fff;  text-align: center;  font-size: 1.3em;  margin-bottom: 90px;  margin-top: 80px;}

#recent_posts .small_col {background-color: #3B3329;  opacity: 0.9;  font-size: 50px;  font-weight: bold;  text-align: center;  font-family: times, serif; padding-top: 120px}

#recent_posts .text {  text-align: left;  padding: 80px 220px 80px 80px;  line-height: 25px;}

#recent_posts .box_link {  text-align: right;  margin-top: 50px;}

#recent_posts .box_link a {  text-decoration: none;  color: #fff;  padding: 12px 50px; -webkit-transition: all 100ms ease-in;-moz-transition: all 100ms ease-in;-ms-transition: all 100ms ease-in;-o-transition: all 100ms ease-in;transition: all 100ms ease-in;}

#recent_posts .box_link a:hover {  background: #000; }

#recent_posts .right_b .box_link {text-align: left;}







/* T H E   Y O U T U B E   S E C T I O N */



#laurie {  margin-bottom: 160px; text-align: center}

#laurie h1 {font-size: 50px; letter-spacing: 5px;}

#laurie .text {padding-bottom: 120px; font-size: 21px; letter-spacing: 2px;}





/* T H E   A W A R D S   S E C T I O N */



#awards h1{  font-size: 40px;    letter-spacing: 5px;    margin-bottom: 60px;}

#awards .bg {background-color:#fdfbfc; padding: 70px 0px 20px 0px}

#awards .award-item {padding-bottom: 30px}

#awards .award-item img {  width: 100px;  height: 100px; margin-bottom: 25px}

#awards .award-item h4 {font-size: 16px;    font-weight: 700;    letter-spacing: 2px;    padding: 0px 0 25px 0;}

#awards .award-item p {line-height: 20px; letter-spacing: 1px;}



/* P L A Y S */





#lists .grey {  background: #F0F0EB;  padding: 75px 0 30px 0; }

#lists h4 {  letter-spacing: 5px;  word-spacing: 2px;  line-height: 1.1em;  font-size: 28px; }

#lists .plays_text {  letter-spacing: 5px;  word-spacing: 2px;  line-height: 1.1em;  font-size: 22px; padding-bottom: 10px}

#lists .circle {  height: 120px;  width: 120px;  background-color: #42410B;  border-radius: 50%;  font-size: 40px;  color: #fff;  padding-top: 30px;  display: inline-block;}

#lists .read_more_plays {    padding: 10px 40px;  letter-spacing: 2px;  display: inline-block;}

#lists .read_more {border: 1px solid #000;  color: #000; font-size: 18px}

#lists .read_more:hover{  color: #000;  text-decoration: none;  color: #fff;  background: #000;}

#lists .item {padding-bottom: 65px}







#poems {  margin-top: 30px;}

#poems h1 {  text-align: center;  margin-bottom: 50px;  letter-spacing: 5px;}

#poems .bg_img {padding: 80px 0 40px 0;}



#poems .overlay {background-color: rgba(66, 65, 11, 0.3); color: rgba(66, 65, 11, 0.5);}

#poems .block {background-color: rgba(255, 255, 255, 0.8); margin: 30px; padding: 40px 40px 80px 40px; width: 40%; box-sizing: border-box; text-align: center}

#poems .block .circle {width: 80px; height: 80px; font-size: 26px; padding-top: 22px; text-align: center}

#poems .block h2 { font-size: 22px; padding-bottom: 20px}

#poems .block p {font-size: 14px; letter-spacing: 3px; line-height: 30px;}





/* A B O U T */

section .page {  text-align: left;  font-size: 1.2em;  letter-spacing: 1px; padding-bottom: 70px}





#footer {  background: #000;  color: #fff;  text-align: center;  letter-spacing: 0.3em;  font-size: 12px;  margin-bottom: 0;  padding: 25px;  clear: both;}





body .wp-pagenavi {text-align: left}

body .wp-pagenavi span {padding: 5px 7px; display: inline-block; color:#FFF}

body .wp-pagenavi span.current {background-color:#42410b !important}

body .wp-pagenavi a, body .wp-pagenavi span.extend {border: none}

body.category-poems .wp-pagenavi a {color:#FFF}



.alignright {float: right}   

.alignleft {float: left}   