/* colour styles : custom */ body { background:#fff; font-size:12px; line-height:20px; font-family: "EB Garamond", "Garamond", "Century", Georgia, serif; } #wrap { width:66%; margin-left:3%;} #wrap { float: right; margin-top: -10px;} /* font styles */ h1 { /* font-size:36px; */ line-height:41px; color:#000000; padding:0px; margin:0px; font-weight:100; margin-bottom:5px; margin-top:5px; } h2 { /* font-size:20px; */ line-height:23px; color:#000000; padding:0px; margin:0px; font-weight:bold; margin-bottom:5px; margin-top:10px; } h3 { font-size:18px; line-height:25px; color:#858585; padding:0px; padding-top:10px; margin:0px; font-weight:normal; } h4 { font-size:15px; line-height:25px; color:#000000; padding:0px; margin:0px; font-weight:normal; font-weight:bold; } h5 { font-size:13px; line-height:22px; color:#000000; padding:0px; margin:0px; font-weight:normal; } h6 { font-size:12px; line-height:22px; color:#858585; padding:0px; margin:0px; font-weight:normal; } p { font-size:16px; color:#454545; line-height:22px; margin:0px; padding:0px; padding-top:8px; padding-bottom:8px; font-family: "EB Garamond", "Garamond", "Century", Georgia, serif; } em { font-style: italic; } h2 { font-size: 18px; } .oops h1 { margin-top: 15px !important; line-height: inherit !important; } /* list Styles */ ul { padding:0px; margin:0; margin-left:0px; font-family:'Courier New', 'Courier', monospace; margin-top:10px; } ul li { font-size:12px; color:#858585; padding-left:10px; margin-bottom:7px; list-style:inside; list-style-type:none;} ol { padding:0px; margin:0; margin-left:25px; font-family:'Courier New', 'Courier', monospace; margin-top:10px; } ol li { font-size:12px; color:#858585; padding-left:10px; margin-bottom:7px; list-style-type: decimal; } hr { background:url(../images/hr.jpg) top center no-repeat; border:0; outline:0; clear:both; height:10px;} /* link styles */ a:link {color:#04310e; text-decoration: none;} a:visited {color:#04310e; text-decoration: none;} a:hover {color:#000; text-decoration: none;} a:active {color:#04310e; text-decoration: none;} a:focus {outline-style: none;} /* header nav styles */ #header { /* width:100%; */ } #logo { /* margin-top:35px; margin-bottom:15px; */} #nav { /* width:310px; */background:none; height:auto; overflow:hidden; margin-top: 200px;} #nav ul { display: inline; list-style: none; margin:0px; padding:0px; height:42px; line-height: 25px; } #nav ul li { float: left; /* display: inline; */ font-size: 12px; margin:0px; padding:0px; } #nav ul li a { display:block;/* height:42px; */padding:0; margin:0px; /* width:320px; border-bottom:1px solid #ccc; */ } #nav ul li a:hover { } #gradient { width: 118px; height: 250px; margin-top: -20px; margin-bottom: 30px; margin-left: 20px; background: rgb(205,235,142); /* Old browsers */ background: -moz-linear-gradient(-45deg, rgb(255, 255, 255) 40%, rgb(237, 180, 255) 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, right bottom, color-stop(40%,rgb(255,255,255)), color-stop(100%,rgb(254, 180, 254))); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(-45deg, rgb(255, 255, 255) 40%, rgb(237, 180, 255) 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(-45deg, rgb(255, 255, 255) 40%, rgb(237, 180, 255) 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(-45deg, rgb(255, 255, 255) 40%, rgb(237, 180, 255) 100%); /* IE10+ */ background: linear-gradient(135deg, rgb(255, 255, 255) 40%, rgb(237, 180, 255) 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cdeb8e', endColorstr='#a5c956',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */ } #logo { margin-left: -10px; margin-bottom: 20px; } #logo img {margin-left: 40px; width: 33px; margin-top: -224px;} #nav { width:100px; } #nav ul li a { font-family: 'Montserrat', sans-serif; margin-left: 10px; width: 100px; } #nav ul li a:hover { color: #555; } #nav ul li a:active { color: #F22; } #header { width:12%; opacity: 0.98; padding: 20px; float: left; margin-top: auto; position: fixed; } #menu-item-1192 .sub-menu { display: none; /* Hide submenu completely */} #menu-item-1192:hover > .sub-menu { display: block; /* Show submenu on hover */} #topmargin {margin-top: 15px;} #mobilelogo { display :none; } /* footer styles */ #footer-area { width:100%; display:inline; float:left; padding-top:10px; margin-top:20px; clear:both; background:url(../images/light/bg-row.png) top left repeat-x; } #footer-area .widget { width:310px; margin-right:10px; padding-top:15px; display:inline; float:left; font-size:12px; color:#454545; line-height:18px; font-family:'Helvetica',Arial, Helvetica, sans-serif; } #footer-area .widget h3 { color:#858585;} #footer-area .widget p { color:#000;} #footer-area .widget ul { margin-left:0px;} #footer-area .widget li { color:#858585; } #footer-area .widget a { color:#444444;} #footer-area .widget a:hover { color:#000;} #footer-area .widget-copy { width:280px; overflow:hidden; display:inline; float:left; margin-left:10px;} /* copyright styles */ #copyright { clear:both; width:100%; /* background:url(../images/light/bg-row.png) top left repeat-x; */ display:inline; float:left; margin-top:20px; margin-bottom:20px; } #copyright p { padding-top:15px; color:#4f5356; font-size:12px; margin-left: 25px; } #copyright a {color:#858585; text-decoration: none;} #copyright a:hover {color:#000000; text-decoration: underline;} /* images */ /* .masonry-brick .gridly-image img { width: 100%; height: 100%; } */ /* post and page styles */ .type-post { /* width:770px; */ background:#FFF; /* border-right:1px solid #dbdbdb; border-bottom:1px solid #dbdbdb; margin-right:10px;*/ margin-top:10px; display:inline; /* float:left; */ margin-bottom: inherit; } .type-page { width:770px; background:#FFF; /* border-right:1px solid #dbdbdb; border-bottom:1px solid #dbdbdb; */ margin-right:10px; /* margin-top:15px; */ display:inline; float:left; } .type-attachment { width:770px; background:#FFF; /* border-right:1px solid #dbdbdb; border-bottom:1px solid #dbdbdb; */ margin-right:10px; margin-top:15px; display:inline; float:left; } .gridly-image { z-index:5; } .gridly-category { position:absolute; width:auto; background:#000; margin-top:-35px; z-index:10; height:30px; overflow:hidden;} .gridly-category p { margin:0; padding:0; line-height:30px; padding-left:20px; padding-right:40px; color:#fff; font-style:italic; } .gridly-category a { color:#fff; font-style:italic;} .gridly-category a:hover { color:#555;} .gridly-copy { /* width:710px; */ margin-left:auto; margin-right:auto; /* margin-top:20px; */ margin-bottom:20px; overflow:hidden; } .gridly-date { width:150px; color:#8e8e8e; font-size:11px;} .size-full { width:100%; height:inherit;} .gridly-project { background: rgb(255,255,255); /* Old browsers */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cdeb8e', endColorstr='#a5c956',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */ position:absolute; width:auto; z-index:10; overflow:hidden: font-family: 'Montserrat', sans-serif; opacity: .97; font-family: 'Montserrat', sans-serif; position: absolute; top: 10px; padding: 10px 20px 10px 30px; margin-left: -8px; color: #04310e; } .gridly-project h1{ color: #04310e; font-size: 18px; } .type-post { float:right; width: 100%;} .grad-title { font-family: 'Montserrat', sans-serif; position: absolute; top: 0; padding: 10px 20px 10px 30px; margin-left: -8px; background: rgb(255,255,255); /* Old browsers */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cdeb8e', endColorstr='#a5c956',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */ position:absolute; width:auto; z-index:10; overflow:hidden: font-family: 'Montserrat', sans-serif; opacity: .97; font-family: 'Montserrat', sans-serif; position: absolute; top: 10px; padding: 10px 20px 10px 30px; margin-left: -8px; color: #04310e; } .gridly-image:hover .grad-title{ display: block; } .grad-title a:hover{} .gridly-link { font-family: 'Montserrat' sans-serif; font-size: 11px; } .gridly-image img{ box-shadow: 2px 2px 5px 2px #F2F2F2; } .gridly-copy { /* margin-top: 13px; */ } .gridly-copy a:hover { color: #555; } .single-title { opacity: .0000001; -webkit-transition: opacity .2s ease-in-out; -moz-transition: opacity .2s ease-in-out; -ms-transition: opacity .2s ease-in-out; -o-transition: opacity .2s ease-in-out; transition: opacity .2s ease-in-out; } .thumbnail-title:hover .single-title{ opacity: .97; } .grad-title { opacity: .0000001; -webkit-transition: opacity .2s ease-in-out; -moz-transition: opacity .2s ease-in-out; -ms-transition: opacity .2s ease-in-out; -o-transition: opacity .2s ease-in-out; transition: opacity .2s ease-in-out; } .post:hover .grad-title{ opacity: .97; } .thumbnail-title { width: 100%; margin-bottom: 12px;} .desc { margin: 0 0 0 5%; padding-bottom: 20px; width: 80%; } .grad-title h2 a {padding-right: 170px; padding-bottom: 20px; padding-top: 20px; font-family: 'Montserrat', sans-serif; font-weight: 200;} .grad-title p a { padding-right: 150px; padding-bottom: 30px; font-family: 'Montserrat', sans-serif; white-space: nowrap;} #infograd {width: 10%; height: 5px; background: -moz-linear-gradient(-45deg, rgb(255, 255, 255) 40%, rgb(237, 180, 255) 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, right bottom, color-stop(40%,rgb(255, 255, 255)), color-stop(100%,rgb(237, 180, 255))); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(-45deg, rgb(255, 255, 255) 40%, rgb(237, 180, 255) 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(-45deg, rgb(255, 255, 255) 40%, rgb(237, 180, 255) 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(-45deg, rgb(255, 255, 255) 40%, rgb(237, 180, 255) 100%); /* IE10+ */ background: linear-gradient(135deg, rgb(255, 255, 255) 40%, rgb(237, 180, 255) 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cdeb8e', endColorstr='#a5c956',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */} #gradoops {width: 100%; height: 5px; background: -moz-linear-gradient(-45deg, rgb(255, 255, 255) 40%, rgb(237, 180, 255) 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, right bottom, color-stop(40%,rgb(255, 255, 255)), color-stop(100%,rgb(237, 180, 255))); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(-45deg, rgb(255, 255, 255) 40%, rgb(237, 180, 255) 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(-45deg, rgb(255, 255, 255) 40%, rgb(237, 180, 255) 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(-45deg, rgb(255, 255, 255) 40%, rgb(237, 180, 255) 100%); /* IE10+ */ background: linear-gradient(135deg, rgb(255, 255, 255) 40%, rgb(237, 180, 255) 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cdeb8e', endColorstr='#a5c956',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */} /* post index styles */ #post-area .post { width:310px; background:#FFF; /* border-right:1px solid #dbdbdb; border-bottom:1px solid #dbdbdb; margin-left:15px;*/ margin-top:10px; position:relative; } #post-area .post .gridly-copy { width:200px; margin-right:auto; margin-top:10px; margin-bottom:20px; overflow:hidden; clear:both; color: #00400d; } #post-area .post .gridly-date { width:150px; color:#8e8e8e; font-size:11px; border-bottom:1px dotted #cccccc; padding-bottom:0; padding-top:0; } #post-area .post .gridly-link { width:150px; /* border-top:1px dotted #e8e8e8; */ color: #00400d;} #post-area .post { margin-left:15px; } /* #post-area .post { float: right; } */ /* single post nav styles */ .post-nav { width:35px; display:inline; float:left; margin-left:10px; margin-top:15px; } .post-next a { background:url(../images/btn-left.png) top left no-repeat; height:35px; width:35px; display:inline; float:left; text-indent:-9999px; } .post-next a:hover { background:url(../images/btn-left.png) top right no-repeat; height:35px; width:35px;} .post-prev a { background:url(../images/btn-right.png) top left no-repeat; height:35px; width:35px; display:inline; float:left; clear:both; text-indent:-9999px;} .post-prev a:hover { background:url(../images/btn-right.png) top right no-repeat; height:35px; width:35px;} .post-single { margin-right: 10%; width: 80%; float: right; } .post-single img{ width: 90%; box-shadow: 2px 2px 5px 2px #F2F2F2; height: 90%; } .half-size { width: 46%; display: inline-block; clear: left; } .half-size img{ width: 95%; margin-bottom: 15px; } #fancybox-close { display: none !important; } #fancybox-left-ico { background-image: none !important; } #fancybox-right-ico { background-image: none !important; } #fancybox-overlay { background-color: #000 !important; } .post-nav { width:35px; display:inline; float:right; margin-left: 0px; margin-top:30px; margin-right: 5%; } .post-next a { background:url(../images/btn-left.png) top left no-repeat; height:35px; width:35px; display:inline; float:left; text-indent:-9999px; } .post-next a:hover { background:url(../images/btn-left.png) top right no-repeat; height:35px; width:35px;} .post-prev a { background:url(../images/btn-right.png) top left no-repeat; height:35px; width:35px; display:inline; float:left; clear:both; text-indent:-9999px;} .post-prev a:hover { background:url(../images/btn-right.png) top right no-repeat; height:35px; width:35px;} .post-single { margin-right: 0; width: 80%; float: right; } /* comment styles */ .comments-area ol { list-style:none; margin:0; padding:0; border-bottom:1px solid #8e8e8e; } .comments-area li { list-style:none; margin:0; padding:0; border-top:1px solid #8e8e8e; width:100%; clear:both; display:inline; float:left; margin-bottom:10px; padding:10px; } .avatar { display:none;} .reply { display:none;} .comment-meta { display:none;} .comment-author { font-size:16px; font-weight:bold; font-family: 'Droid Sans', sans-serif; } #comment-form { width:50%; } .text-input { clear:both; border:1px solid #8e8e8e; margin-bottom:5px; width:90%; padding:7px; font-family:Arial, Helvetica, sans-serif; color:#555; font-size:12px; } .comment-input { clear:both; border:1px solid #8e8e8e; margin-bottom:5px; width:90%; padding:7px; font-family:Arial, Helvetica, sans-serif; color:#555; font-size:12px; } .comment-submit { clear:both; width:120px; height:30px; line-height:25px; background:#e5e5e5; border:1px solid #8e8e8e; } /* Additional and WordPress styles */ .clear { clear:both;} .aligncenter { display: block; margin: 0 auto; } .alignleft { float: left; margin-right:20px; margin-top:20px; margin-bottom:10px; } .alignright { float: right; margin: 0 0 20px 20px; } .wp-caption { text-align: left; margin-top:5px; margin-bottom:5px; } .wp-caption-text { margin-top:2px; text-align:left; font-style:italic; font-size:11px; color:#999; } .sticky {} .gallery-caption {} .bypostauthor {} blockquote { font-size:2em; line-height:23px; color:#000; margin-left:20px; border-left: 1px dotted #999; padding-left:25px; margin-top:15px; margin-bottom:15px; } #gallery-1 img { border: none; } .videoWrapper { position: relative; padding-bottom: 56.25%; /* 16:9 */ padding-top: 25px; height: 0; } .videoWrapper iframe { position: absolute; top: 0; left: 0; width: 90%; height: 90%; } .gallery br{ clear: none; } #post-1204 { margin-top:63px; } #post-38 h1, #post-1190 h1, #post-1179 h1, #post-1204 h1, #post-1227 h1 { display: none; } .type-page { width: 90%; } #wpstats { display: none; } .type-page a{ text-decoration: underline; } .post-nav-m {display: none;} #fancybox-outer { background-color: transparent; } #fancybox-content { border-width: 0px; } .strong { font-weight: bold; } .italic {font-style:italic; } #post-214 img { box-shadow: inherit; } .post-single a { text-decoration: underline; } #post-area { margin-left: auto;} @media (min-width: 1400px) { #infopic {width: 80%;} } @media (min-width: 1200px) { #infopic {width: 90%;} #infograd {width: 90%; height:7px; } .type-page #thumb img { width: inherit !important; } .info {padding-right: 100px} } @media (max-width: 830px) { .gridly-project {padding: 4px 15px 4px 20px; } .gridly-project h1 { color: #04310e; font-size: 16px; } .type-page { width: 90%; margin-left: 7%; } #post-area { margin-left: 14%;} #infopic {width: 100%;} .type-page #thumb img { width: inherit !important;} } @media (max-width: 569px) { .type-page #thumb img { width: 100px !important; height: 100px !important;} #post-area { margin: 0 auto; } } @media (max-width: 480px) { .menu-item-41 { display: none; } .menu-item-41 a { display: none; } #menu-item-41 { display: none; } #menu-item-41 a { display: none; } .type-page #thumb img { width: 100px !important; } #post-1204 { margin-top:0px; } #menu-item-1192:hover > .sub-menu { display: none; /* Show submenu on hover */} #post-area { margin: 0 auto; } #menu-item-1197, #menu-item-1232 {display: none;} } /* end of css file */