/* #Header ================================================== */ #header { color:#707070; background-color: #252525; background-image: url(../images/header/pattern.jpg); background-repeat: repeat; height:100%; margin-bottom:40px; } #header .inner-image { background-image: url(../images/header/shadow-bg.png); background-repeat: no-repeat; background-position: center top; } #header .inner-bg { background-image: url(../images/header/opacity-25.png); background-repeat: repeat; } #top-bar { font-family:Georgia, "Times New Roman", Times, serif; font-style:italic; padding:10px 0 10px 0;} #top-bar p {margin:0px;} #main-logo { margin-top:30px; margin-bottom:30px;} #header .banner-box-top {margin-top:30px; margin-bottom:30px; text-align:right;text-shadow: 0 1px 0 rgba(0,0,0,0.3);} #header .banner-box-top ul {float:right;} #header .banner-box-top p {} #header .banner-box-top a,#top-bar a,#header .banner-box-top a{ color:#FFF;} #header .banner-box-top a:hover, #top-bar a:hover, #header .banner-box-top a:hover{ color:#00bff3;} /* #Contact form ================================================== */ #contact-form {} #contact-form .contact-field {} #contact-form .contact-field textarea { height:200px; max-width:90%; min-width:90%;} /* #Page title ================================================== */ #page-title {margin:40px 0 0 0; padding-bottom:40px; text-transform:uppercase;} #page-title h4 {text-shadow: 0 1px 0 rgba(0,0,0,0.3); margin:0px; color:#FFF;} #page-title h4 span { color:#707070 !important;} #page-title .button {margin-bottom:0px;} /* #Breadcrumbs ================================================== */ #breadcrumbs {color: #707070; margin:0px; padding:10px 0 10px 0;} #breadcrumbs li {display: inline;} #breadcrumbs li:after {content:" /";padding-left:5px; padding-right:5px;} #breadcrumbs li:last-child:after {content:"";} #breadcrumbs li a { color:#B2B2B6;} #breadcrumbs li a:hover { color:#00bff3;} /* #Service box ================================================== */ .service-box { cursor:pointer; -webkit-transition: background 0.1s ease-in-out; -moz-transition: background 0.1s ease-in-out; -o-transition: background 0.1s ease-in-out; -ms-transition: background 0.1s ease-in-out; -transition: background 0.1s ease-in-out; transition: background 0.1s ease-in-out; } .service-box:hover {background-color:#00bff3;cursor:pointer;} .service-box:hover > ul li, .service-box:hover > p, .service-box:hover > h1,.service-box:hover > h2,.service-box:hover > h3,.service-box:hover > h4, .service-box:hover > h5,.service-box:hover > h6 {color:#FFF;} /* #Footer ================================================== */ #footer { padding-top:30px; color:#707070; background-color: #252525; background-image: url(../images/header/pattern.jpg); background-repeat: repeat; } #footer h5{ color:#FFF; text-transform:uppercase;font-family: 'BitterBold'; font-size:110%;} #footer .columns,#footer .column { margin-bottom:20px;} #footer a { color:#fff;} #footer a:hover { color:#00bff3;} /* #Copyright ================================================== */ #copyright { font-family:Georgia, "Times New Roman", Times, serif; font-style:italic; font-size:12px; background-image: url(../images/header/opacity-25.png); background-repeat: repeat; padding: 10px 0 10px 0; } #copyright .column, #copyright .columns {margin-bottom:0px !important;} #copyright p {margin:0px; padding:0px;} /* #Custom Lists ================================================== */ li.plus-list,li.minus-list,li.check-list,li.user-list,li.arrow-list,li.time-list,li.home-list,li.attach-list, li.calendar-list,li.display-list,li.telephone-list,li.mail-list,li.warning-list,li.location-list,li.heart-list, li.search-list,li.download-list { background-repeat: no-repeat; background-position: left center; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 17px; } li.plus-list {background-image: url(../images/lists/plus.png);} li.minus-list {background-image: url(../images/lists/minus.png);} li.check-list {background-image: url(../images/lists/check.png);} li.user-list {background-image: url(../images/lists/user.png);} li.arrow-list {background-image: url(../images/lists/arrow.png);} li.time-list {background-image: url(../images/lists/time.png);} li.home-list {background-image: url(../images/lists/home.png);} li.attach-list {background-image: url(../images/lists/attach.png);} li.calendar-list {background-image: url(../images/lists/calendar.png);} li.display-list {background-image: url(../images/lists/display.png);} li.telephone-list {background-image: url(../images/lists/telephone.png);} li.mail-list {background-image: url(../images/lists/mail.png);} li.warning-list {background-image: url(../images/lists/warning.png);} li.location-list {background-image: url(../images/lists/location.png);} li.heart-list {background-image: url(../images/lists/heart.png);} li.search-list {background-image: url(../images/lists/search.png);} li.download-list {background-image: url(../images/lists/download.png);} /* #Social Icons ================================================== */ #social-icons { margin-bottom:20px; display:block; overflow:hidden;} #social-icons a { float:left; background-repeat: no-repeat; width:32px; height:32px; margin:0 5px 5px 0; } #social-icons a.twitter {background-image: url(../images/lists/twitter.png);} #social-icons a.forrst {background-image: url(../images/lists/forrst.png);} #social-icons a.dribbble {background-image: url(../images/lists/dribbble.png);} #social-icons a.wordpress {background-image: url(../images/lists/wordpress.png);} #social-icons a.skype {background-image: url(../images/lists/skype.png);} #social-icons a.youtube {background-image: url(../images/lists/youtube.png);} #social-icons a.rss {background-image: url(../images/lists/rss.png);} #social-icons a.lastfm {background-image: url(../images/lists/lastfm.png);} #social-icons a.newsvine {background-image: url(../images/lists/newsvine.png);} #social-icons a.deviantart {background-image: url(../images/lists/deviantart.png);} #social-icons a.googleplus {background-image: url(../images/lists/googleplus.png);} #social-icons a.feedburner {background-image: url(../images/lists/feedburner.png);} #social-icons a.digg {background-image: url(../images/lists/digg.png);} #social-icons a.vimeo {background-image: url(../images/lists/vimeo.png);} #social-icons a.sharethis {background-image: url(../images/lists/sharethis.png);} #social-icons a.blogger {background-image: url(../images/lists/blogger.png);} #social-icons a.flickr {background-image: url(../images/lists/flickr.png);} #social-icons a.linkedin {background-image: url(../images/lists/linkedin.png);} #social-icons a.tumblr {background-image: url(../images/lists/tumblr.png);} #social-icons a.facebook {background-image: url(../images/lists/facebook.png);} /* #Blog ================================================== */ .blog-post { margin-bottom:40px;} .blog-post .post-entry { border-bottom:1px solid #d3d3d3; margin-bottom:20px;overflow:hidden;} .blog-post .post-date { margin-bottom:20px; border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px; -o-border-radius: 3px; text-align:center; color: #FFF; background-color:#00bff3; padding-top:10px; padding-bottom:10px; } .blog-post .post-date .day {font-size:22px; font-weight:bold;} .blog-post .post-date .month {} .blog-post h3.post-title {} .blog-post h3.post-title a { color:#252525;} .blog-post h3.post-title a:hover {color:#00bff3;} .blog-post ul.post-meta {} .blog-post ul.post-meta li {display:inline-block; margin-right:20px;} .blog-post ul.post-meta li a { color:#999999;} .blog-post ul.post-meta li a:hover {color:#00bff3;} .blog-post .post-content {} .blog-post .post-image {} /* #Popular posts ================================================== */ ul.popular-posts {} ul.popular-posts li { border-bottom:1px solid #d3d3d3; overflow:hidden; margin-bottom:10px;} ul.popular-posts li:last-child { border-bottom:none !important;} ul.popular-posts li .post-thumb { float:left; margin:0 10px 10px 0;} ul.popular-posts li .post-thumb img {} ul.popular-posts li .post-details { overflow:hidden;} ul.popular-posts li .post-details p {margin-bottom:10px;} ul.popular-posts li .post-details a { color:#707070;} ul.popular-posts li .post-details a:hover { color:#00bff3;} /* #Sidebar ================================================== */ .sidebar {} .sidebar .widget { margin-bottom:40px;} .sidebar .widget h5 { text-transform:uppercase; font-family: 'BitterBold'; font-size:110%;} /* #Media Queries ================================================== */ /* Smaller than standard 960 (devices and browsers) */ @media only screen and (max-width: 959px) { #carousel { display:none;} } /* Tablet Portrait size to standard 960 (devices and browsers) */ @media only screen and (min-width: 768px) and (max-width: 959px) {} /* All Mobile Sizes (devices and browser) */ @media only screen and (max-width: 767px) { #primary-nav-holder {} iframe, object, embed{width: 100%;height: auto;} #footer .columns,#footer .column {border-bottom:1px dotted #707070;} #footer .columns:last-child,#footer .column:last-child {border-bottom:none !important;} #copyright .columns,#copyright .column {border-bottom:none !important;} .mobileMenu {display: block;width: 100%; margin:8px 0px 0px 0px;} .sbHolder {display:block; margin-top:3px;} #header .inner {background-image:none !important;} #primary-nav,.flexslider .slider-description {display:none;} #top-bar,#main-logo,#header .banner-box-top,#page-title h4 {text-align:center;} } /* Mobile Landscape Size to Tablet Portrait (devices and browsers) */ @media only screen and (min-width: 480px) and (max-width: 767px) {} /* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */ @media only screen and (max-width: 479px) {}