/* RESET */

/* http://meyerweb.com/eric/tools/css/reset/
   v2.0 | 20110126
   License: none (public domain)
*/

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, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {margin: 0; padding: 0; border: 0; font-size: 100%; font: inherit; vertical-align: baseline;}

/* HTML5 display-role reset for older browsers */

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display: block;}
body {line-height: 1;}
ol, ul {list-style: none;}
blockquote, q {quotes: none;}
blockquote:before, blockquote:after, q:before, q:after {content: ''; content: none;}
table {border-collapse: collapse;border-spacing: 0; margin: 0 auto;}

/* GENERAL STYLES */

body {background: #fff; font-family: 'Roboto Slab', serif; font-size: 15px; color: #222; margin: 0; padding: 0; }
.container {max-width:1200px; margin: 0 auto;}
p {line-height: 22px; margin: 10px 0;}
a {color: #f33333; font-weight:500; text-decoration: none; transition: 0.5s;}
a:hover {color:#333; text-decoration: underline;}
strong {font-weight:700;}
.insta-home {max-width:1200px; margin:0 auto; padding: 20px 0 0 0;}
em {font-style:italic;}

.highlight {background: #C3E6DE; padding: 0 5px; font-weight: 700;}



.column3 {float: left; width:31.33%; padding: 0 1%;}
/*.column3:nth-child(2) {margin: 0 2%;}*/
.column3:after {clear: both; content: ""; display: block;}

#vidlayout {margin: 20px 0;}
#vidlayout:after {clear: both; content: ""; display: block;}
#home-news {border-top: 1px solid #eee; padding-top:20px;}
#home-news:after {clear: both; content: ""; display: block;}
#home-news h2 {margin-bottom: 20px;}
#home-news .postMeta:before {content: ''; border:none;}

#home-news.column3 {float: left; width:30%; padding: 0 1%;}


h2, h3, h4, h2 a, h3 a, h4 a {text-transform:uppercase; font-weight:700; text-align: center; font-family: 'Oswald', sans-serif; letter-spacing: 1px; margin: 0; margin: 0 0 10px 0;}

h1 {font-size: 36px;}
h2 {font-size: 28px;}
h3 {font-size: 20px;}
h4 {font-size: 15px;}

h2.insta-h2 {margin: 0 0 20px 0;}

#slider {margin: 20px 0 0 0;}

.cpmgallery {padding: 15px 0 0 0;}
.cpmgallery img {padding: 4px;}

#content {margin: 10px 0; width:98%; padding: 1% 1%;}
#content:after {clear: both; content: ""; display: block;}

#single-content {width: 68%; padding-right: 1%; float: left; }
#side {width: 28%; float: right; border-left: 1px solid #eee; padding-left: 2%;}
#side section {margin: 0 0 20px 0; padding: 0 0 20px 0 ; border-bottom: 1px solid #eee;}
#side section h4 {margin: 10px 0;}
#side #social {margin: 10px 0 0 0;}


.button a {border-padding: 8px 20px; color: #222; background: #fff; text-transform: uppercase;}
.button a:hover {color: #888; transition: 0.5s; text-decoration: none; background: #222;}

caption {margin-bottom: 8px; text-align: center;}

fieldset,table {margin-bottom: 16px;}

:focus {outline: 0;}

hr {background-color: #eee; border: 0; clear: both; height: 1px; margin: 12px 0;}

.align-center {display: block; margin: 5px auto 5px auto;}

.alignleft {margin: 5px 20px 20px 0;float:left;}

.alignright {margin: 5px 0 20px 20px;float:right;}

.aligncenter {margin: 0 auto 10px auto!important;display: block;}

.alert {background: #f33333; color: #eee; text-align: center; padding: 10px; margin: 10px 0 20px 0; text-transform: uppercase;}

.alert a {color: #222; font-weight: 600;}

p.external {background: #eee; padding: 5px;}
p.external a:before {
	content: "\f0c1";
    font-family: FontAwesome;
    display: inline-block;
	margin-right: 5px;
	color: #222;
}

.button {text-align: center; border-bottom: 1px solid #eee;}
.button a {text-align: center; padding: 10px; background: #222; width:150px; margin: 15px auto; border-radius: 3px; display: inline-block;   cursor: pointer; color: #eee; font-size: 90%;}



.button a:hover {color:#fff; 
	background:#f33333; 
	border-color:#eee;}


p#morenews {text-align: center; }

#intro {text-align: center;}
/* INDEX PAGE PAGINATION*/

.pagination {
	margin: 10px auto;
	padding: 20px 0;
	text-align:center;
} 

.posts-pagination {
	margin: 24px 0;
}

.page-numbers {
	margin: 0 5px 5px 0; 
	padding: 7px 15px; 
	background:#fff; 
	border:1px solid #ccc;
	border-radius: 3px;
	background: #eee;
}

.posts-pagination a:hover,
.posts-pagination a:focus,
a.page-numbers:hover {
	color:#fff; 
	background:#f33333; 
	border-color:#eee;
}



/* FONT AWESOME */


.fa-twitter, .fa-facebook, .fa-instagram, .fa-rss {color: #f33333; margin-right: 15px;}
.fa-twitter:hover, .fa-facebook:hover, .fa-instagram:hover, .fa-rss:hover, .fa-envelope:hover {color:#eee; transition: 0.5s;}
.fa-caret-down {padding: 0 0 0 5px;}
.fa-bars {padding: 0 5px 0 0;}
.fa-envelope {color: #f33333;}

#social {text-align: center; margin: 20px 0;}
#social li {display: inline;}


/* HEADER, LOGO, NAV */

header h1 {text-indent:-99999px; height: 0px;}
header:after {clear: both; content: ""; display: block;}
header {border-bottom: 1px solid #eee;}


li.homepage a {font-weight: bold;}

#primary-menu {margin:0; width:98%; padding:0 1%; font-size: 15px; float: left; position: relative; z-index: 10;font-family: 'Oswald', sans-serif;}
#primary-menu li {display: inline-block;}
#primary-menu li a {color: #222; padding: 15px 5px; display: block; text-transform: uppercase; text-decoration: none;}
#primary-menu > li > a::before {Color: #222; content: '/';	margin-right: 10px;}
#primary-menu > li:first-child a {padding-left: 0;}
#primary-menu > li:first-child a::before {content: ''; display: none;}
#primary-menu li a:hover {color: #888; transition: 0.5s;}
#primary-menu li:hover ul {display: block; transition: 0.5s; }
#primary-menu ul {position: absolute; min-width: 150px; background: #222; display: none;}
#primary-menu ul li {display: block; border-bottom: 1px solid #eee; background: #222; }
#primary-menu ul li a{color: #eee; font-weight: normal; padding: 15px;}
#primary-menu ul li a:hover {color:#f33333; transition: 0.5s;}
#primary-menu ul li:last-child {border-bottom: none;}




/* HOMEPAGE (WELCOME, PROJECT, NEWS) STYLES */

ul#autograph li {margin: 10px 0; font-weight: 600;}


/* FEATURED IMAGE STYLES */

#featuredPostimage img {width: 100%; height: auto; margin:0 0 10px 0; padding: 0 0 10px 0;}

/* MAIN SINGLE POST & PAGE STYLES */

h2.postTitle {padding: 0;}

q, blockquote {color: #888; font-style: italic; display: block; border-left: 4px solid #222; padding: 5px 0 5px 10px; margin-left: 20px; margin: 20px 0;}

#tags {position: relative; margin-top: 40px;}
#tags:before {
	content: '';
        position: absolute;
        width: 50%;
        left: 25%;
        top: -15px;
        border-top: 1px solid #eee;
}

#tags ul:before {
 	content: "\f02c";
    font-family: FontAwesome;
    display: inline-block;
}

#tags ul {font-size: 14px; text-align: center;}
#tags ul li {display: inline-block; margin: 10px 2px; text-transform: uppercase;}
#tags ul li a {padding: 5px 20px; color: #eee; background: #222; line-height: 32px; margin: 2px;}
#tags ul li a:hover {color: #f33333; transition: 0.5s; text-decoration: none;}

#post-content ul li {list-style:square; list-style-position: inside; margin: 10px 0; padding: 0 20px;}
#post-content ol li {list-style:decimal; list-style-position: inside; margin: 10px 0; padding: 0 20px;}

#post-content ul{margin: 0 0 20px 0;}

#post-content h3, #post-content h4 {margin:20px 0;}

.postMeta {position: relative; margin: 5px 0 20px 0;}
.postMeta:before {
	content: '';
        position: absolute;
        width: 50%;
        left: 25%;
        bottom: -10px;
        border-bottom: 1px solid #eee;}

.postMeta {text-align: center; font-family: 'Oswald', sans-serif;}
.postMeta li {display: inline-block; font-size: 14px; margin: 5px 0; color: #ccc; letter-spacing: 1px;}
.postMeta li a {text-transform: uppercase;}
.postMeta span {color: #888; text-transform: uppercase;}


.prevPost, .nextPost {text-transform: uppercase; font-size: 14px;}
.prevPost {float: left;}
.nextPost {float: right;}

.nextPost:after {clear: both; content: ""; display: block;}

/* IMAGE STYLES */

/* img a:hover {opacity: 0.8; filter: alpha(opacity=80); */

.attachment-post-thumbnail {}


#post-content img.alignnone {margin: 5px 20px 20px 0;}
#post-content img.alignright {float:right; margin:0 0 1em 1em}
#post-content img.alignleft {float:left; margin:0 1em 1em 0}
#post-content img.aligncenter {display: block; margin-left: auto; margin-right: auto}
#post-content a img.alignright {float:right; margin:0 0 1em 1em}
#post-content a img.alignleft {float:left; margin:0 1em 1em 0}
#post-content a img.aligncenter {display: block; margin-left: auto; margin-right: auto}
#post-content .wp-caption {border: 2px solid #eee; max-width: 96%; padding: 10px 5px 5px 5px; text-align: center;}
#post-content .wp-caption.alignnone {margin: 5px 20px 20px 0;}
#post-content .wp-caption.alignleft {margin: 5px 20px 20px 0;}
#post-content .wp-caption.alignright {margin: 5px 0 20px 20px;}
#post-content .wp-caption.aligncenter {display: block; margin-left: auto; margin-right: auto}
#post-content .wp-caption img {border: 0 none; height: auto;  margin: 0; max-width: 98.5%; padding: 0;width: auto;}
#post-content .wp-caption p.wp-caption-text {font-size: 12px;line-height: 18px;margin: 0; padding: 5px 5px 0;}

.wp-caption {padding:0; margin-bottom:16px; background: none; border: none; font-style:italic; font-size: 12px;}
.wp-caption img {margin: 0 0 8px 0; }
.wp-caption-text, .wp-caption .wp-caption-dd {text-align:center; margin: 0 0 6px 0; }
.wp-caption p {margin:0;}

.wp-smiley {margin: 0; padding: 0; border: none; background: none;}

.gallery {margin: 0 auto 16px;}
.gallery .gallery-item {float: left; margin-top: 0; text-align: center;	width: 33%; font-style: italic;}
.gallery img {border: none !important;}
.gallery .gallery-caption {margin: 0 0 8px;}
.gallery dl {margin: 0;}
.gallery br+br {display: none;}


.attachment img {display: block; margin: 0 auto; max-width: 1180px;}


/* COMMENTS STYLES, SEARCH & SHARE BUTTONS */


input.search-field {padding: 5px 10px; width: 100%; font-size: 15px; font-family: 'Oswald', sans-serif; color: #eee; }
input[type='search'] {width: 330px; background: #222 !important; border: 1px solid #333 !important; -webkit-appearance: textfield; color: #eee; text-transform:uppercase; border-radius: 3px;}
input, textarea {max-width: 100%; padding: 10px;}


.screen-reader-text, .search-form input[type="submit"] {
	clip: rect(1px, 1px, 1px, 1px);
	height: 1px;
	overflow: hidden;
	position: absolute !important;
	width: 1px;
}

h4.shareTitle {text-align: left; padding: 20px 0 0 0; margin: 20px 0 0 0; border-top: 1px solid #eee;  width: 200px;}

.share ul {margin: 0 0 20px; padding: 10px 0;}
.share ul li {display: inline-block; font-size: 14px; margin: 10px 0; font-family: 'Oswald', sans-serif;}
.share ul li a {padding: 5px 20px; color: #222; background-color: #eee;}
.share ul li a:hover {color: #f33333; transition: 0.5s; text-decoration: none; background: #222;}

/* VIDEO LAYOUT */

#vidcub, #vidspt, #vidapp, #vidthr, #vidmh2, #vidcsi {min-height: 200px;}

/* COMMENTS */

#comments:before {
	content: '';
        position: absolute;
        width: 50%;
        left: 25%;
        top: -6px;
        border-top: 1px solid #eee;
}

#comments {text-align: justify; margin: 70px 0 12px 0; padding: 12px 0; position: relative;}

#comments:after {clear: both; content: ""; display: block;}
.commentlist {list-style: none;	margin: 12px 0;}
.commentlist li.comment {margin: 8px 0; padding: 0 0 0 50px; position: relative;}
.commentlist li:last-child {}
#comments .comment-body {margin-left: 10px;}
#comments .comment-body ul, #comments .comment-body ol {margin-bottom: 16px;}
#comments .comment-body p:last-child {}
#comments .comment-body blockquote p:last-child {margin-bottom: 16px;}
.commentlist ol {list-style: decimal;}
.commentlist .comment .avatar {position: absolute; background: none; border: none; padding: 0; float: left; margin: 0 8px 16px 0; top: 0; left: 0;}
.commentlist .comment img {background: none; border: none; padding: 0;}
.comment-author cite {text-shadow: 0 1px 0 #F3FDE9; text-transform: uppercase; font-weight: bold; margin: 0 0 8px 0;}
.comment-author .says {display: none;}
.comment-meta {font-size: 12px; margin: 6px 0; padding: 0 0 6px 0; border-bottom: 1px solid #eee; text-transform: uppercase;}
.reply {margin: 10px 5px 40px; padding: 10px 0; border-bottom: 1px solid #eee; width: 100px; text-transform: uppercase; font-weight: 500;}
.reply a, a.comment-edit-link {}
.reply a:before {
	content: "\f112";
    font-family: FontAwesome;
    display: inline-block;
	margin-right: 5px;
}
.commentlist .children {list-style: none; margin: 0; }
.commentlist .children li {border: none; margin: 0; }
.nopassword, .nocomments {display: none;}
em.comment-awaiting-moderation {font-size: 12px;}

form#commentform input#author, form#commentform input#email, form#commentform input#url, #wpcf7-f1-p118-o1 input {line-height: 16px; width: 210px; height: 20px; border: 1px solid #eee;}
form#commentform textarea#comment, #wpcf7-f1-p118-o1 textarea {float: left; line-height: 16px; width: 100%; border: 1px solid #eee;}
 

form#commentform input#submit {font-size: 13px; padding: 10px 40px; border: 1px solid #333; text-transform: uppercase; background: #333; color: #eee; cursor:pointer; width: 150px !important; margin-top: 10px; font-weight: bold; letter-spacing: 2px;}
form#commentform input#submit:hover {color: #f33333; transition: 0.5s; text-decoration: none;}



.wpcf7-textarea {border: 1px solid #eee; padding: 10px 0;width: 100% !important;}
.wpcf7-text {font-size: 12px;}
.wpcf7-form-control {padding: 10px 0; width: 50%; border: 1px solid #eee;}
.wpcf7-submit {font-size: 12px; padding: 10px 40px; border: 1px solid #333; text-transform: uppercase; background: #333; color: #eee; cursor:pointer; width: 150px !important;}
.wpcf7-submit:hover {color: #f33333; transition: 0.5s; text-decoration: none;}
.wpcf7-form {margin: 0 0 50px 0;}


/* FOOTER STYLES */


footer {background: #333; color: #999; font-family: 'Oswald', sans-serif;}
footer h4 {color: #eee; font-size: 15px; padding: 15px 0 0 0;}
footer p {font-size: 17px; line-height: 20px;}
footer p.button {text-align: center; margin: 20px 0 10px 0;}
footer a{color: #f33333; text-decoration: none; font-weight: normal;}
footer a:hover{color: #eee; text-decoration: underline;}
footer #footer-cols {padding: 0 0 15px 0; font-size: 15px; line-height: 20px;}
footer #footer-cols:after {clear: both; content: ""; display: block;}
footer #footer-cols li a {font-weight: normal;}
footer #footer-cols ul#latestprojects li {font-size: 17px; list-style:square; list-style-position: inside; margin: 5px 0; padding: 0 10px;}
footer #autograph {background: #222; padding: 15px 0; margin: 0 0 15px 0;}

footer #autograph p {text-align: center;}


footer #copyright {font-size: 12px; text-transform: uppercase; padding: 10px 0; text-align: center; background: #222;}
footer #copyright a {color: #999;}
footer #copyright a:hover {text-decoration: underline;}
footer #copyright li {display: inline; font-size: 12px; line-height: 14px;}
footer #copyright li:before {content: '/'; margin: 0 8px;}
footer #copyright li:first-child:before {content: ''; display: none;}



/* RESPONSIVE NAV */

#primary-nav #mobile-nav {background: #222;color: #fff; padding: 0 0 4px 0; cursor: pointer; display: none;}

@media (max-width: 780px) {

  html {-ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%;}

#primary-nav #mobile-nav img {width:100%; margin: 0;}

#content {width:96%; padding: 15px 2%;}

    
     #primary-nav #mobile-nav {display: block; font-family: 'Oswald', sans-serif; text-align: center;}

     #primary-nav #mobile-nav h3 a {color: #eee; font-size: 13px; }
     #primary-nav #mobile-nav h3 a:hover {color: #f33333; text-decoration: none;}
     #primary-nav #mobile-nav p {margin: 0; padding: 10px;}


  
    
    
    #single-content {width: 98%; float: none; padding: 0 1%;}
    #side {width: 98%; float: none; padding: 0 1%; border-left: none; border-top: 10px solid #333; padding-top: 20px; margin-top: 20px;}
  
#single-content #post-content img {max-width: 100%; height: auto;}
	
#single-content #post-content .embed-youtube {max-width: 100%; height: auto;}	
   
#slider {display: none;}

    #primary-menu {display: none; position: static; float: none;}

    #primary-menu li {display: block; border-bottom: 1px solid #eee;}
    #primary-menu ul {position: static;}
    #primary-menu > li:first-child a {padding-left: 5px;}	

    #primary-menu > li > a::before {content:''; margin:0; }
    #primary-menu > li:last-child {border-bottom: none;}

#primary-menu li:hover ul {display: none; transition: none;}
   

.twitter-tweet {width: 100%;}

iframe {max-width: 330px;}
    
.prevPost, .nextPost {float: none; text-align: center; padding: 10px;}
.prevPost {margin: 5px 0;}
 
.gallery img {width: 50%; height: 50%; padding: 4px;}

    footer #copyright li {display: block;}
    footer #copyright li:before {content: ''; margin: 0;}


    .column3 {float: none; width:96%; padding: 15px 2%;}
    .column3:nth-child(2) {margin: 0;}
    /* .column3:nth-child(3) {border: none;} */
    
}