/*
Theme Name: HTML5 Reset + Bootstrap
Theme URI:
Description: HTML5 Wordpress Reset v2.0 + Bootstrap v3.1.1
Author:
Author URI:
Version: 1.0
*/
/* Apply a natural box layout model to all elements: http://paulirish.com/2012/box-sizing-border-box-ftw/ */
* { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }
.chromeframe {position: absolute; top: 0;}
/* Ok, this is where the fun starts.
-------------------------------------------------------------------------------*/
/* A Linux- and Windows-friendly sans-serif font stack: http://prospects.mhurrell.co.uk/post/updating-the-helvetica-font-stack */
body {font: 13px Helmet, Freesans, sans-serif;}
/* Using local fonts? Check out Font Squirrel's webfont generator: http://www.fontsquirrel.com/tools/webfont-generator */
/* We like off-black for text. */
body, select, input, textarea {color: #333;}
a {color: #03f;}
a:hover {color: #69f;}
/* Custom text-selection colors (remove any text shadows: http://twitter.com/miketaylr/status/12228805301) */
::-moz-selection{background: #fcd700; color: #fff; text-shadow: none;}
::selection {background: #fcd700; color: #fff; text-shadow: none;}
/* j.mp/webkit-tap-highlight-color */
a:link {-webkit-tap-highlight-color: #fcd700;}
ins {background-color: #fcd700; color: #000; text-decoration: none;}
mark {background-color: #fcd700; color: #000; font-style: italic; font-weight: bold;}
/* Mozilla dosen't style place holders by default */
input:-moz-placeholder { color:#a9a9a9; }
textarea:-moz-placeholder { color:#a9a9a9; }
/* And here begins the WordPress fun.
-------------------------------------------------------------------------------*/
#wrapper {width: 960px; margin: 20px auto;}
.post {}
.entry-content {}
.entry-content a {}
.entry-content a:hover {}
#meta {}
.postmetadata {}
#sidebar {
background: #f3f3f3 none repeat scroll 0 0;
box-shadow: 0 -1px 6px #ccc;
clear: both;
margin: 30px 0 0;
padding: .1% 3%;
}
#sidebar h2 {
background-color: #51CDB0;
font-size: 19px;
padding: 10px;
color:white;
margin-top:11px;
}
#sidebar ul {
padding: 0;
}
#sidebar li {
list-style: outside none none;
padding:6px 0 6px 25px;
/*background:url("../images/arrow-right.jpg") no-repeat scroll 0 3px;*/
}
#sidebar a {
color: #777;
text-decoration:none;
}
#sidebar a:hover {
color: #51cdb0;
}
#category-title{color:#51cdb0;padding-top:20px;font-weight:700;font-size:35px;}
.category .entry-title a {
color:#6b6b6b;
text-decoration:none;
}
.category .entry-title a:hover {
color:#51cdb0;
}
.category .content p {
font-size:16px;
line-height:25px;
margin-bottom:13px;
color: #6b6b6b;
}
#posted{font-size:15px;color: #6b6b6b;}
#posted a{color:#51cdb0;text-decoration:none;}
#posted a:hover{color:#6b6b6b;text-decoration:none;}
.read-more {
-moz-border-bottom-colors: none;
-moz-border-left-colors: none;
-moz-border-right-colors: none;
-moz-border-top-colors: none;
background: #51CDB0 none repeat scroll 0 0;
border-color: -moz-use-text-color -moz-use-text-color rgba(0, 0, 0, 0.1);
border-image: none;
border-radius: 3px;
border-style: none none solid;
border-width: medium medium 3px;
cursor: pointer;
display: inline-block;
font-size: 18px;
line-height: 2em;
padding: 6px 25px 6px;
position: relative;
}
.read-more:hover {
background-color:#6b6b6b;
}
.read-more a {
color: #ffffff;
text-decoration:none;
}
.read-more a:hover {
color: #ffffff;
text-decoration:none;
}
.comments-title {
color:#6b6b6b;
}
.fn .url {
color:#51CDB0;
}
.fn .url:hover {
color:black;
text-decoration:none;
}
.navgation {}
.next-posts {}
.prev-posts {}
#searchform {}
#s {}
#searchsubmt {}
ol.commentlist {list-style: none; padding-left: 2px;}
ol.commentlist li {}
ol.commentlist li.alt {}
ol.commentlist li.bypostauthor {}
ol.commentlist li.byuser {}
ol.commentlist li.comment-author-admin {}
ol.commentlist li.comment {border-bottom: 1px dotted #666; padding: 10px;}
ol.commentlist li.comment div.comment-author {}
ol.commentlist li.comment div.vcard {}
ol.commentlist li.comment div.vcard cite.fn {font-style: normal;}
ol.commentlist li.comment div.vcard cite.fn a.url {}
ol.commentlist li.comment div.vcard img.avatar {float:right; margin: 0 0 10px 10px;}
ol.commentlist li.comment div.vcard img.avatar-32 {}
ol.commentlist li.comment div.vcard img.photo {}
ol.commentlist li.comment div.vcard span.says {}
ol.commentlist li.comment div.commentmetadata {}
ol.commentlist li.comment div.comment-meta {font-size: 10px;}
ol.commentlist li.comment div.comment-meta a {/*color: #ccc;*/color:#51CDB0;}
ol.commentlist li.comment div.comment-meta a:hover{color:#6b6b6b;text-decoration:none;}
ol.commentlist li.comment p {}
ol.commentlist li.comment ul {}
ol.commentlist li.comment div.reply {font-size: 11px;}
ol.commentlist li.comment div.reply a {font-weight: bold;color:#51CDB0;}
ol.commentlist li.comment div.reply a:hover {font-weight: bold;color:#6b6b6b;text-decoration:none;}
ol.commentlist li.comment ul.children {list-style: none; margin: 10px 0 0;}
ol.commentlist li.comment ul.children li {}
ol.commentlist li.comment ul.children li.alt {}
ol.commentlist li.comment ul.children li.bypostauthor {}
ol.commentlist li.comment ul.children li.byuser {}
ol.commentlist li.comment ul.children li.comment {}
ol.commentlist li.comment ul.children li.comment-author-admin {}
ol.commentlist li.comment ul.children li.depth-2 {border-left: 5px solid #555; margin: 0 0 10px 10px;}
ol.commentlist li.comment ul.children li.depth-3 {border-left: 5px solid #999; margin: 0 0 10px 10px;}
ol.commentlist li.comment ul.children li.depth-4 {border-left: 5px solid #bbb; margin: 0 0 10px 10px;}
ol.commentlist li.comment ul.children li.depth-5 {}
ol.commentlist li.comment ul.children li.odd {}
ol.commentlist li.even {background: #fff;}
ol.commentlist li.odd {background: #f6f6f6;}
ol.commentlist li.parent {border-left: 5px solid #111;}
ol.commentlist li.thread-alt {}
ol.commentlist li.thread-even {}
ol.commentlist li.thread-odd {}
.thumbnail-img{margin-top:20px; margin-bottom:20px;}
/* Print styles!
-------------------------------------------------------------------------------*/
@media print {
}
/* Media queries!
-------------------------------------------------------------------------------*/
/* Consider this: www.cloudfour.com/css-media-query-for-mobile-is-fools-gold/
@media screen and (max-device-width: 480px) {
#home-backstretch .backstretch img {
max-width: 100% !important;
}
}
@media all and (orientation: portrait) {
}
@media all and (orientation: landscape) {
} */
@media screen and (max-width:343px){
#content-area-2.events .content-area-2-2 p.margin-date {
margin-bottom: 10px !important;
}
}
.page-id-5 .home-posts .items .image-content img {
height:196px;
}
.post-saf.content-area h3{
margin-bottom:5px !important;
}
.post-saf.content-area p strong:first-child{
padding-bottom:30px !important;
display:inline-block;
}
ul.sub-menu{
background-color: #51cdb0 !important;
padding: 0px 10px !important;
min-width: 140px !important;
margin-top: -1px;
color:#fff !important;
}
ul.sub-menu a{
color:#fff !important;
}
ul.sub-menu:hover{
background-color: #51cdb0;
padding: 0px 10px;
min-width: 140px;
margin-top: -1px;
color:#777 !important;
}
ul.sub-menu a:hover{
color:#777 !important;
}
.mean-container .mean-nav ul li a.mean-expand{
height:26px !important;
}
.customize-support .post-saf .container .row h3{
font-weight:bold !important;
}
#home-backstretch #next{
display:none;
}
#home-backstretch #prev{
display:none;
}
.learnmore{
opacity: 0;
pointer-events: none;
}
.navbar-nav > li{
margin-left: 15px !important;
}
.backstretch{
cursor:pointer;
}
.banner-slide {
min-height: 400px;
display: inline-block;
}
.footer-top h2 {
text-transform: uppercase;
color: #fff;
margin: 0 0 10px !important;
font-size: 17px !important;
text-align: center;
}
.footer-top ul li a{
font-size:14px !important;
}
.footer-top .sml_nameinput, .footer-top .sml_emailinput{
margin: 0 0 25px !important;
}