/*  
Theme Name: SimpleFolio
Theme URI: http://www.slimmity.com/
Description: Portfolio Theme based off SimpleBlog Theme
Version: 1.5
Author: Omar Corrales
Author URI: http://www.omarcorrales.com
*/

/* Reset */

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {margin: 0; padding: 0; border: 0; outline: 0; font-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit; vertical-align: baseline;}
/* remember to define focus styles! */
:focus {outline: 0;}
body {line-height: 1; color: black; background: white;}
ul {list-style: none;}
/* tables still need 'cellspacing="0"' in the markup */
table {border-collapse: separate; border-spacing: 0;}
caption, th, td {text-align: left; font-weight: normal;}
blockquote:before, blockquote:after,
q:before, q:after {content: "";}
blockquote, q {quotes: "" "";}
blockquote {border-left:7px solid #57b3ff; padding-left:15px; font-size:110%; font-style:italic;}
cite {font-size:60%;}
em, i {font-style:italic;}



/* Main CSS */

body {background:#18130f url(images/bkg.png); font-family: "Special Elite", system-ui; font-weight: 400; font-style: normal; font-size:18px; line-height:25px; z-index:0; margin:0px; color: #5a4830;}	

a:link {color:#5a4830; text-decoration:underline;}
a:visited {color:#5a4830; text-decoration:underline;}
a:hover {color:#994335; text-decoration:underline;}
a:active {color:#5a4830; text-decoration:underline;}

ul {}
ul li {list-style:disc; padding:1px 0px 1px 0px; margin-left:20px;}

.clear {clear: both;}
strong { font-weight:700;}
input {width:92%; padding:8px 4% 8px 4%; font-size:18px; border:none; -moz-border-radius: 5px; border-radius: 5px;}
textarea {width:92%; font-size:18px; padding:8px 4% 8px 4%; border:none; -moz-border-radius: 5px; border-radius: 5px;}
input[type=submit] {border:0px; cursor:pointer; color:#ffffff; background-color:#372e2e; text-align:center; -moz-border-radius: 25px; border-radius: 25px; padding:8px 30px 8px 30px;}

.space {width:100%; clear:both;}
.medSpace {width:100%; clear:both; height:30px;}
.bigSpace {width:100%; clear:both; height:60px;}

.wrapper {width:1296px; margin:50px auto 90px auto;}

h1 {font-size:55px; line-height:60px; margin-bottom:20px; text-transform:uppercase;}
h2 {font-size:33px; line-height:40px; margin-bottom:10px;}
h3 {font-size:30px; line-height:37px; margin-bottom:7px;}
h4 {font-size:26px; line-height:33px; margin-bottom:7px;}
h5 {font-size:22px; line-height:29px; margin-bottom:7px;}
h6 {font-size:18px; line-height:25px; margin-bottom:7px;}


h1 a:link {text-decoration:none;}
h1 a:visited {text-decoration:none;}
h1 a:hover {text-decoration:none;}
h1 a:active {text-decoration:none;}


/* Page */

.pageBkg {width:1236px; margin:0px auto; background:url(images/page_bkg.jpg); background-position:center top; background-size:1236px 147px; background-repeat:repeat-y; }

.banner {width:1236px; height:518px; background-image:url(images/banner.jpg); background-repeat:no-repeat; background-position:center top; background-size:1236px 518px;}
.homeLink {width:100%; height:300px;}

.topNav {width:82%; margin:0px auto; position:relative; font-size:34px; line-height:34px;}
.topNavLeft {width:24%; float:left; background-image:url(images/lines.png); background-repeat:no-repeat; background-position:center center; background-size:108px 53px; text-align:center; margin-top:90px; padding:25px 0px 15px 0px; letter-spacing:2px;} 
.topNavRight {width:22%; margin-right:3%; float:right; background-image: url(images/lines.png); background-repeat:no-repeat; background-position:center center; background-size:90px 53px; text-align:center; margin-top:90px; padding:25px 0px 15px 0px; letter-spacing:2px;}

.topNav a:link {text-decoration:none;}
.topNav a:visited {text-decoration:none;}
.topNav a:hover {text-decoration:none;}
.topNav a:active {text-decoration:none;}

.pageWrapper {width:80%; margin:0px auto 30px auto; text-align:left;}

.pageBottom {width:1236px; height:85px; background-image:url(images/bottom.jpg); background-repeat:no-repeat; background-position:center top; background-size:1236px 85px;}

.homePic {width:100%; margin:0px auto; padding:20px 0px 30px 0px;}
.homePic img {width:100%; height:auto;}

.blogHeading {width:70%; padding-bottom:10px; margin:30px auto 35px auto; background-image:url(images/line.png); background-repeat:no-repeat; background-position:center bottom; background-size:147px 5px;}

.mainBlog {font-size:23px; line-height:33px;}

.homeBlogBox {width:372px; margin:0px 30px 0px 30px; float:left; color:#ba9c7e;}
.homeBlogBox img {width:100%; height:auto; padding-bottom:40px;}

.homeBlogBox ul li {list-style:none; margin-left:0px; margin-bottom:10px; letter-spacing:1px;}
.homeBlogBox a:link {color:#a95145; text-decoration:none; text-transform:uppercase;}
.homeBlogBox a:visited {color:#a95145; text-decoration:none;}
.homeBlogBox a:hover {color:#a95145; text-decoration:none;}
.homeBlogBox a:active {color:#a95145; text-decoration:none;}

.homeBlogBox h2 a:link {color:#ba9c7e; text-decoration:none; text-transform:capitalize;}
.homeBlogBox h2 a:visited {color:#ba9c7e; text-decoration:none;}
.homeBlogBox h2 a:hover {color:#a95145; text-decoration:none;}
.homeBlogBox h2 a:active {color:#ba9c7e; text-decoration:none;}

.homeBlogWrapper {width:83%; margin:0px auto 10px auto;}

.blogBoxHome {width:30.33%; margin:0px 1.5% 0px 1.5%; float:left; text-align:left;}
.blogBoxHome img {width:100%; height:auto; padding-bottom:20px;}

.blogBoxHome ul li {list-style:none; margin-left:0px; margin-bottom:10px; letter-spacing:1px;}
.blogBoxHome ul li a:link {color:#a95145; text-decoration:none; text-transform:uppercase;}
.blogBoxHome ul li a:visited {color:#a95145; text-decoration:none;}
.blogBoxHome ul li a:hover {color:#a95145; text-decoration:none;}
.blogBoxHome ul li a:active {color:#a95145; text-decoration:none;}

.blogBoxHome h2 a:link {color:#5a4830; text-decoration:none; text-transform:capitalize;}
.blogBoxHome h2 a:visited {color:#5a4830; text-decoration:none;}
.blogBoxHome h2 a:hover {color:#a95145; text-decoration:none;}
.blogBoxHome h2 a:active {color:#5a4830; text-decoration:none;}

.twoBlog {display:none;}

.redBtn a:link {color:#c9b29d; text-decoration:none; background-color:#9b4438; padding:10px 10px 5px 10px; text-transform:uppercase;}
.redBtn a:visited {color:#c9b29d; text-decoration:none; background-color:#9b4438; padding:10px 10px 5px 10px; text-transform:uppercase;}
.redBtn a:hover {color:#c9b29d; text-decoration:none; background-color:#74604c; padding:10px 10px 5px 10px; text-transform:uppercase;}
.redBtn a:active {color:#c9b29d; text-decoration:none; background-color:#9b4438; padding:10px 10px 5px 10px; text-transform:uppercase;}


/* Blog */

.blogWrapper {width:85%; margin:0px auto 10px auto; text-align:center;}

.blogBox {width:30.33%; margin:0px 1.5% 0px 1.5%; float:left; text-align:left; height:580px;}
.blogBox img {width:100%; height:auto; padding-bottom:20px;}

.blogBox ul li {list-style:none; margin-left:0px; margin-bottom:10px; letter-spacing:1px;}
.blogBox a:link {color:#a95145; text-decoration:none;}
.blogBox a:visited {color:#a95145; text-decoration:none;}
.blogBox a:hover {color:#a95145; text-decoration:none;}
.blogBox a:active {color:#a95145; text-decoration:none;}

.blogBox h4 a:link {color:#5a4830; text-decoration:none;}
.blogBox h4 a:visited {color:#5a4830; text-decoration:none;}
.blogBox h4 a:hover {color:#5a4830; text-decoration:none;}
.blogBox h4 a:active {color:#5a4830; text-decoration:none;}

.date {font-size:115%; text-transform:uppercase; text-align:left;}

p {padding:12px 0px 12px 0px;}
.wp-block-image img {padding:10px 0px 10px 0px; position:relative;}
.wp-block-gallery img {width:48%; float:left; padding:5px 2% 5px 0px;}
figure {display: block; margin-block-start: 0em; margin-block-end: 0em; margin-inline-start: 0px; margin-inline-end: 0px;}
figcaption {font-size:13px; line-height:16px; font-style:italic; padding-bottom:5px;}

.wp-block-column {margin-bottom:-25px!important;}

.navigation {width:100%;}
.alignLeft {width:47.5%; float:left; text-align:left; padding-left:1.5%;}
.alignRight {width:47.5%; float:right; text-align:right; padding-right:1.5%;}



@media screen and (max-width: 1400px) {
	

/* Main CSS */

body {font-size:16px; line-height:21px;}	

.bigSpace {height:40px;}

.wrapper {width:1040px; margin:50px auto 90px auto;}

h1 {font-size:47px; line-height:53px; margin-bottom:15px;}
h2 {font-size:28px; line-height:35px; margin-bottom:10px;}
h3 {font-size:26px; line-height:32px; margin-bottom:5px;}
h4 {font-size:23px; line-height:28px; margin-bottom:5px;}
h5 {font-size:20px; line-height:25px; margin-bottom:5px;}
h6 {font-size:16px; line-height:21px; margin-bottom:5px;}
	

/* Page */

.pageBkg {width:1000px; background:url(images/page_bkg.jpg); background-size:1000px 119px;}

.banner {width:1000px; height:419px; background-image:url(images/banner.jpg); background-size:1000px 419px;}
.homeLink {height:250px;}

.topNav {width:82%; font-size:28px; line-height:28px;}
.topNavLeft {width:24%; background-image:url(images/lines.png); background-size:90px 44px; margin-top:70px; padding:24px 0px 15px 0px; letter-spacing:1px;} 
.topNavRight {width:22%; margin-right:3%; background-image: url(images/lines.png); background-size:75px 44px; margin-top:70px; padding:24px 0px 15px 0px; letter-spacing:1px;}

.pageWrapper {margin:0px auto 20px auto;}

.pageBottom {width:1000px; height:69px; background-image:url(images/bottom.jpg); background-size:1000px 69px;}

.blogHeading {padding-bottom:8px; margin:25px auto 30px auto; background-image:url(images/line.png);  background-size:110px 4px;}

.mainBlog {font-size:18px; line-height:26px;}

.homeBlogBox {width:306px; margin:0px 20px 0px 20px;}
.homeBlogBox img {padding-bottom:25px;}

.homeBlogBox ul li {margin-bottom:8px; letter-spacing:1px;}
	
.blogBoxHome img {padding-bottom:20px;}
.blogBoxHome ul li {margin-bottom:5px; letter-spacing:1px;}	

.redBtn a:link {padding:8px 8px 3px 8px;}
.redBtn a:visited {padding:8px 8px 3px 8px;}
.redBtn a:hover {padding:8px 8px 3px 8px;}
.redBtn a:active {padding:8px 8px 3px 8px;}


/* Blog */

.blogWrapper {width:85%; margin:0px auto 0px auto;}
.blogBox {height:515px;}	
.blogBox img {padding-bottom:15px;}
.categoryPost {height:330px;}
	
	
}

@media screen and (max-width: 1100px) {
	

/* Main CSS */

body {font-size:14px; line-height:18px;}	

.bigSpace {height:30px;}

.wrapper {width:780px; margin:40px auto 70px auto;}

h1 {font-size:37px; line-height:42px; margin-bottom:10px;}
h2 {font-size:22px; line-height:27px; margin-bottom:10px;}
h3 {font-size:20px; line-height:25px; margin-bottom:5px;}
h4 {font-size:18px; line-height:23px; margin-bottom:5px;}
h5 {font-size:16px; line-height:21px; margin-bottom:5px;}
h6 {font-size:14px; line-height:18px; margin-bottom:5px;}
	

/* Page */

.pageBkg {width:750px; background:url(images/page_bkg.jpg); background-size:750px 89px;}

.banner {width:750px; height:314px; background-image:url(images/banner.jpg); background-size:750px 314px;}
.homeLink {height:180px;}

.topNav {width:82%; font-size:23px; line-height:23px;}
.topNavLeft {width:24%; background-image:url(images/lines.png); background-size:70px 34px; margin-top:47px; padding:22px 0px 15px 0px; letter-spacing:1px;} 
.topNavRight {width:22%; margin-right:3%; background-image: url(images/lines.png); background-size:60px 34px; margin-top:47px; padding:22px 0px 15px 0px; letter-spacing:1px;}

.pageWrapper {margin:0px auto 20px auto;}

.pageBottom {width:750px; height:52px; background-image:url(images/bottom.jpg); background-size:750px 52px;}
	
.homePic { padding:15px 0px 25px 0px;}

.blogHeading {width:80%; padding-bottom:8px; margin:20px auto 25px auto; background-image:url(images/line.png);  background-size:80px 3px;}

.mainBlog {font-size:16px; line-height:22px;}

.homeBlogBox {width:230px; margin:0px 15px 0px 15px;}
.homeBlogBox img {padding-bottom:20px;}

.homeBlogBox ul li {margin-bottom:6px; letter-spacing:1px;}	

.redBtn a:link {padding:6px 6px 2px 6px;}
.redBtn a:visited {padding:6px 6px 2px 6px;}
.redBtn a:hover {padding:6px 6px 2px 6px;}
.redBtn a:active {padding:6px 6px 2px 6px;}


/* Blog */

.blogWrapper {width:85%; margin:0px auto 0px auto;}

.blogBox {height:440px;}
.blogBox img {padding-bottom:15px;}
.categoryPost {height:290px;}
	
figcaption {font-size:11px; line-height:14px;}
	
}


@media screen and (max-width: 830px) {
	

/* Main CSS */

body {font-size:12px; line-height:16px;}	

.bigSpace {height:30px;}
.postSpace {width:100%; clear:both; height:20px; display:block;}

.wrapper {width:520px; margin:30px auto 50px auto;}

h1 {font-size:27px; line-height:32px; margin-bottom:10px;}
h2 {font-size:19px; line-height:24px; margin-bottom:10px;}
h3 {font-size:18px; line-height:22px; margin-bottom:5px;}
h4 {font-size:16px; line-height:20px; margin-bottom:5px;}
h5 {font-size:14px; line-height:18px; margin-bottom:5px;}
h6 {font-size:12px; line-height:16px; margin-bottom:5px;}
	

/* Page */

.pageBkg {width:490px; background:url(images/page_bkg.jpg); background-size:490px 58px;}

.banner {width:490px; height:205px; background-image:url(images/banner.jpg); background-size:490px 205px;}
.homeLink {height:100px;}

.topNav {width:82%; font-size:17px; line-height:17px;}
.topNavLeft {width:24%; background-image:url(images/lines.png); background-size:50px 25px; margin-top:25px; padding:20px 0px 15px 0px; letter-spacing:0px;} 
.topNavRight {width:22%; margin-right:4%; background-image: url(images/lines.png); background-size:50px 25px; margin-top:25px; padding:20px 0px 15px 0px; letter-spacing:0px;}

.pageWrapper {margin:0px auto 0px auto;}

.pageBottom {width:490px; height:34px; background-image:url(images/bottom.jpg); background-size:490px 34px;}
	
.homePic { padding:10px 0px 20px 0px;}

.blogHeading {width:90%; padding-bottom:6px; margin:20px auto 20px auto; background-image:url(images/line.png);  background-size:60px 2px;}

.mainBlog {font-size:13px; line-height:17px;}

.homeBlogBox {width:230px; margin:0px 15px 0px 15px;}
.homeBlogBox img {padding-bottom:20px;}
	
.twoBlog {display:block;}
.threeBlog {display:none;}	

.homeBlogBox ul li {margin-bottom:6px; letter-spacing:1px;}
	
.blogBoxHome {width:46%; margin:0px 2% 0px 2%;}
.blogBoxHome img {padding-bottom:15px;}	
.blogBoxHome ul li {margin-bottom:5px; letter-spacing:1px;}

.redBtn a:link {padding:6px 6px 2px 6px;}
.redBtn a:visited {padding:6px 6px 2px 6px;}
.redBtn a:hover {padding:6px 6px 2px 6px;}
.redBtn a:active {padding:6px 6px 2px 6px;}


/* Blog */

.blogWrapper {width:85%; margin:0px auto 0px auto;}

.blogBox {width:46%; margin:0px 2% 0px 2%; height:375px;}
.blogBox img {padding-bottom:15px;}
.categoryPost {height:260px;}
	
figcaption {font-size:10px; line-height:13px;}
p {padding:10px 0px 10px 0px;}
.wp-block-column {margin-bottom:-25px!important;}
	
	
}

@media screen and (max-width: 600px) {
	
h1 {font-size:24px; line-height:28px; margin-bottom:10px;}

/* Main CSS */

.bigSpace {height:30px;}
.medSpace {height:10px;}
.wrapper {width:100%; margin:20px auto 20px auto;}
	

/* Page */

.pageBkg {width:100%; max-width:400px; background:url(images/page_bkg.jpg); background-size:400px 47px; background-position:center top;}

.banner {width:100%; max-width:400px; height:167px; background-image:url(images/banner.jpg); background-size:400px 167px;}
.homeLink {height:80px;}

.topNav {width:82%; font-size:15px; line-height:15px;}
.topNavLeft {width:24%; background-image:none; margin-top:15px; padding:20px 0px 15px 0px;} 
.topNavRight {width:22%; margin-right:4%; background-image:none; margin-top:15px; padding:20px 0px 15px 0px;}

.pageWrapper {width:83%; margin:0px auto 0px auto;}

.pageBottom {width:100%; max-width:400px; height:28px; background-image:url(images/bottom.jpg); background-size:400px 28px;}

.blogHeading {width:90%; padding-bottom:4px; margin:15px auto 15px auto; background-image:url(images/line.png);  background-size:60px 2px;}

.mainBlog {font-size:13px; line-height:17px;}

.homeBlogBox {width:94%; max-width:400px; margin:0px auto 30px auto; float:none;}
.homeBlogBox img {padding-bottom:20px;}
	
.blogBoxHome {width:100%; margin:20px 0% 10px 0%;}
	
.twoBlog {display:none;}
.threeBlog {display:block;}	


/* Blog */

.blogWrapper {width:85%; margin:0px auto 0px auto;}

.blogBox {width:96%; margin:0px 2% 20px 2%; height:auto;}
.blogBox img {padding-bottom:15px;}
.categoryPost {margin-bottom:20px; height:auto;}
	
figcaption {font-size:10px; line-height:13px;}
p {padding:10px 0px 10px 0px;}
.wp-block-column {margin-bottom:-25px!important;}
.postSpace {width:100%; clear:both; height:20px; display:block;}
	
	
}