/*
Theme Name: David Anaise
Theme URI: http://danaise.com
Author: Arizona Computer Guru
Author URI: http://www.azcomputerguru.com;
Description:
Version: 1.0
License: GNU General Public License

-------------------------------------------------------------- */
/* Reset
-------------------------------------------------------------- */

/* Global Reset */

*{
  margin:0px;
  padding:0px;
  border:0px;
  -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
  -moz-box-sizing: border-box;    /* Firefox, other Gecko */
  box-sizing: border-box;         /* Opera/IE 8+ */
}

.wpcf7-form .robot-tests{
	display:block!important;
}

/* Elements */

html{

}
body{
  background:#514f40;
  font-family:Georgia;
}
h1,h2,h3{
  font-weight:normal;
}
img{
    max-width:100%;
  }
p{
  line-height:22px;
  margin-bottom:10px;
}
a{
  text-decoration:none;
  color:#000000;
}
a:hover{
  text-decoration:underline;
}
#left, #right{
  float:left;
}
#outer-wrapper{
  width:100%;
}
#inner-wrapper{
  width:60%;
  margin-left:auto;
  margin-right:auto;
}
#clearfix{
  float:none!important;
  clear:both!important;
  margin:0px 0px 0px 0px!important;
  padding:0px 0px 0px 0px!important;
}
#header{
  text-align:center;
}
#header h2:nth-of-type(1){
  font-size:38px;
  line-height:60px;
  color:#a2bc3d;
}
#header h2:nth-of-type(2){
  font-size:28px;
  color:#ffffff;
}


/* Navigation */

nav{
  width:100%;
}
nav ul{
  display:flex;
}
nav ul li{
  flex:1;
  list-style-type:none;
}
nav ul li a{
  display:block;
  color:#fff;
  text-align:center;
  font-size:1.2rem;
  line-height:4em;
}
nav ul li:hover a{}

.mobile-menu-icon{
  display:none;
  width:100%;
  background:#39382f;
  padding:1rem;
  position:fixed;
  bottom:0;
  z-index:100;
}
.mobile-menu-icon .line{
  width:25px;
  height:5px;
  background-color:;
  margin:5px auto 5px auto;
}
.close{
  display:none;
  width: 32px;
  height: 32px;
  text-align:center;
  margin:2px auto 2px auto;
}
.close:hover{opacity: 1;}
.close:before, .close:after{
  position:absolute;
  text-align:center;
  content: ' ';
  height: 32px;
  width: 2px;
  background-color:#fff;
}
.close:before{transform: rotate(45deg);}
.close:after{transform: rotate(-45deg);}


#content{
  background:#d4d2bd;
  padding:20px;
}
#content #left{
  width:22%;
}
#content #right{
  width:75%;
  margin-left:10px;
}
#content #right h1, #content #right h2{
  margin-bottom:10px;
}
#content #right .category-post{
  background:#bcbaa9;
  padding:10px;
  border:1px #484848 solid;
  margin-bottom:20px;
}
#content #right .category-post .more-link{
  font-size:15px;
  color:#323232;
  font-style:italic;
  text-decoration:underline;
  font-weight:bold;
  margin-top:20px;
}
#content .post{
	margin-bottom:2rem;
	padding-bottom:2rem;
	border-bottom:2px #000 solid;
}
#content #left h2{
  margin-bottom:10px;
}
#content #left ul li{
  list-style:none;
  line-height:20px;
  width:175px;
  padding:0px 10px 10px 0px;
  border-bottom:1px #000000 dotted;
  margin-bottom:20px;
}
#content #left input, #content #left textarea{
	max-width:100%;
	padding:1rem;
}
#content #left .widget{
	border:2px #000 solid;
	padding:1rem;
	font-size:.8rem;
}
#content #left .more-link{
	width:100%;
}

#feature{
  width:100%;
  padding-bottom:20px;
  border-bottom:1px #000000 solid;
  margin-bottom:20px;
}
#top-content > div{
  float:left;
  margin:0px 10px 20px 0px;
  width:48%;
}
#top-content > div h2{
  font-style:italic;
  font-weight:normal;
  padding-bottom:10px;
}
#footer{
  padding-top:20px;
  color:#ffffff;
  font-size:11px;
  text-align:justify;
}
#footer > div{
  float:left;
  padding-right:10px;
  width:240px;
}
#footer > div h2{
  font-weight:normal;
  margin-bottom:10px;
}
#footer > div p{
  line-height:14px;
}
#footer > div a{
  font-size:14px;
  color:#ffffff;
  font-style:italic;
  text-decoration:underline;
}
#credit{
  width:100%;
  height:75px;
  margin-top:20px;
  background:#24241c;
}
#credit p{
  width:960px;
  color:#ffffff;
  margin-left:auto;
  margin-right:auto;
  text-align:center;
  line-height:70px;
}
#credit a{
  color:#ffffff;
}

#respond{
  display:none!important;
}

#breadcrumbs, #breadcrumbs a {
    font-size: 14px;
    color: #AAA;
    text-shadow: 1px 1px #000;
    margin-bottom: -30px;
    text-indent: 19px;
}
  .home #breadcrumbs {
  display:none;
  }

.alignleft, .alignright{border:5px #000 solid;}
.home .alignleft, .home .alignright{border:0;}

.alignleft{
	display:block;
	float:left;
	margin:0 1rem 1rem 0;
}
.alignright{
	display:block;
	float:right;
	margin:0px 10px 10px 0px;
}
.alignright .wp-caption-text{
	text-align:right;
	font-size:.7em;
}

#content .flexwrap{
    display:flex;
}
#content .flexwrap .left{
    flex:5;
    padding-right:2rem;
}
#content .flexwrap .right{
    flex:1;
}
.home .right h1{
    font-style:italic!important;
    font-weight:bold;
    line-height:1.5em;
    font-size:1.8rem;
    padding-top:2rem;
}

#main hr{
	margin:2rem auto 2rem auto;
	width:100%;
	border-bottom:2px #514f40 solid;
}
#main h2{
	margin-bottom:1rem;
}
#main .more-link{
	display:block;
	width:20%;
	text-align:center;
	margin:1rem 0 1rem 0;
	background:#514f40;
	padding:1rem;
	color:#fff;
}

h1.title{
	margin-bottom:2rem;
}

.book-title{
	font-size:2.5rem;
	line-height:2em;
}

.back-link{
	display:block;
	margin:2rem auto 2rem auto;
	width:30%;
	background:#514f40;
	border:2px #514f40 solid;
	color:#fff!important;
	text-align:center;
	text-transform:uppercase;
}
.back-link:hover{
	text-decoration:none;
	background:#d4d2bd;
	color:#514f40;
}

#post .flexwrap > div{
	flex:1;
	border:2px #000 dashed;
	margin:0.5rem 0.5rem 2rem 0.5rem;
	padding:1rem;
}

.post .more-link{
	display:block;
	background:#514F40;
	padding:1rem;
	color:#fff;
	text-align:center;
	text-decoration:none;
	text-transform:uppercase;
	margin:1rem 0 1rem 0;
	width:30%;
}

/* Responsive Coding */

@media(max-width: 1750px) {
	nav ul li a{
		font-size:.9rem!important;
	}
}

@media(max-width: 1450px) {
	#inner-wrapper{width:80%;}
	nav ul li{line-height:4em;}
	nav ul li a{font-size:1rem;}
	#main .more-link{width:20%;}
}
@media(max-width: 1200px) {
	nav ul li a{font-size:.8rem;}
}
@media(max-width: 1024px) {

  #inner-wrapper,
  #credit p{
    width:760px;
  }
  #header h1{
    font-size:32px;
    line-height:60px;
  }
  #header h2{
    font-size:24px;
  }
  #navigation ul li{
    line-height:50px;
    padding:0px 8px 0px 8px;
  }
  #navigation ul li a{
    font-size:12px;
  }
  #content #left{
    width:25%;
  }
  #content #right{
    width:73%;
  }
  #content #right h1, #content #right h2{
    font-size:24px;
  }
  #content #left ul li{
    line-height:20px;
    width:175px;
  }
  #top-content > div{
    width:48%;
  }
  #footer > div{
    width:190px;
  }
  #footer > div h2{
    font-size:14px;
  }

  nav{height:auto;}
  nav .menu{
    position:absolute;
    top:0;
    left:0;
    width:100%;
    background:;
    display:flex;
    flex-direction:column;
    justify-content:flex-start;
    transform:translateY(-100%);
    opacity:0;
    padding:1ch;
    background:#39382f;
  }
  nav .menu li{width:100%;margin:0.5ch 0 0.5ch 0;}
  nav .menu li a{font-size:1rem;color:#fff;}
  nav .menu li:hover a{background:var(--color2);color:var(--color4);}
  nav .menu li:hover .sub-menu, nav .menu li:active .sub-menu{width:100%!important;}
  .mobile-menu-icon{display:block;z-index:100;border-top:2px var(--color3) solid;}
  .nav-active{transform:translateY(0%)!important;opacity:1!important;position:fixed!important;z-index:100000;}
  nav ul li a{}
  nav ul li:hover .sub-menu, nav ul li:active .sub-menu{
    position:static;
    display:block;
  }
  nav ul li:hover .sub-menu li, nav ul li:active .sub-menu li{
    background:;
    line-height:1.6rem;
    width:100%;
    margin:0;
  }
  .mobile-menu-icon .line{background:#fff;}
  .menu-active .line{display:none;}
  .menu-active .close{display:block;}

@media(max-width: 800px) {
	body{
		font-size:18px;
		line-height:2rem;
	}
	.more-link{
		width:100%!important;
	}
	.flexwrap{
		display:block!important;
	}
	.wp-image-390{
		display:block!important;
		float:none!important;
	}
	
  #inner-wrapper,
  #credit p{
    width:100%;
  }
  #header h1{
    font-size:26px;
    line-height:40px;
  }
  #header h2{
    font-size:30px!important;
	  line-height:2.2rem!important;
	  padding:0.5rem!important;
  }
	#header h3{
		font-size:24px!important;
	}
  #navigation{
    height:auto;
  }
  #navigation ul li{
    line-height:50px;
    padding:0px 8px 0px 8px;
    float:none;
    text-align:center;
    border-bottom:1px #8e8e8e solid;
  }
  #navigation ul li a{
    font-size:16px;
  }
  #content #left,
  #content #right,
  #top-content > div,
  #footer > div{
    width:100%!important;
    float:none!important;
    display:block;
  }
  #content #right h1, #content #right h2{
    font-size:24px;
  }
  #content #right p{
    text-align:justify;
  }
  #content #left ul li{
    line-height:20px;
    width:100%!important;
  }
  #content #right{
    margin-left:0px!important;
  }
  #footer > div{
    padding:10px;
    margin-bottom:20px;
  }
  #footer > div h2{
    font-size:22px;
  }
  #credit{
    height:auto;
  }
  #credit p{
    line-height:30px;
  }
  #breadcrumbs, #breadcrumbs a {
    display:none;
  }
	.alignleft, .alignright, .aligncenter{
		float:none!important;
		display:block!important;
		margin:1rem auto 1rem auto!important;
	}
	.book-title{
		width:100%;
		text-align:center;
	}
	.home #post .title{display:none;}
}