/*
Theme Name:         Themeous Sunrise
Theme URI:          http://sunrise.themeous.com/
Description:        Sunrise is a responsive multipurpose/magazine WordPress theme based on ZURB's Foundation
Version:            1.0.0
Author:             Anastasia Chupina
Author URI:         http://themeous.com/
License: GNU General Public License version 3.0
License URI: http://www.gnu.org/licenses/gpl-3.0.html
Tags: featured-images, post-formats, theme-options, translation-ready, one-column, two-columns, three-columns, four-columns, left-sidebar, right-sidebar, light, gray, white, custom-colors, custom-menu, full-width-template, sticky-post, theme-options, threaded-comments


USE THIS STYLE SHEET EXCLUSIVELY FOR SUNRISE WORDPRESS THEME

Copyright 2013 - Anastasia Chupina
*/

/*Custom*/

@font-face {
    font-family: 'bebas_neueregular';
    src: url('font/BebasNeue-webfont.eot');
    src: url('font/BebasNeue-webfont.eot?#iefix') format('embedded-opentype'),
    url('font/BebasNeue-webfont.woff') format('woff'),
    url('font/BebasNeue-webfont.ttf') format('truetype'),
    url('font/BebasNeue-webfont.svg#bebas_neueregular') format('svg');
    font-weight: normal;
    font-style: normal;

}

body {
    font-size: medium;
    -webkit-font-smoothing: antialiased;
    background: #FDFDFF;
}

p, ol.commentlist cite.fn {
    font-size: 1em;
    line-height: 1.4;
    margin-bottom: 1.25em;
}


a {
    text-decoration:none;
    line-height:inherit;
}

a:hover,a:focus {
    color:#757575;
}

a img {
    border: 5px solid #fff;
}

h1, h2, h3, h4, h5, h6 {
    padding: 0.2em 0;
    font-weight: normal;
}

h1 {
    font-size: 3em;
}

h2 {
    font-size: 2.5em;
}

h3 {
    font-size: 2.125em;
}

h4 {
    font-size: 1.75em;
}

h5 {
    font-size: 1.5em;
}

h6 {
    font-size: 1.3125em;
}

button,.button {
    border-color:#fff;
}

.button a {
    color:#FDFDFF;
}

.button a.selected {
    opacity:0.8;
    -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=80)";
    filter:alpha(opacity=80);
}

.panel {
    background: #F0F0F4;
}

.admin-bar .contain-to-grid {
    top: 28px;
}

button:hover,button:focus,.button:hover,.button:focus {
    background:#3C3C3D;
    border-color:#fff;
}

button.secondary a,.button.secondary a {
    color:#7F7F80;
}

.row {max-width:70em;}

#wrapper {
    margin:0 auto;
    background: #FDFDFF;
}

.container {

}

.top-line {
    background: #000;
    opacity: 0.1;
    -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=10)";
    filter:alpha(opacity=10);
    height: 5px;
    line-height: 5px;
    position: relative;
    top: 45px;
    margin-top: -5px;
}

h1.logo {
    font-size:7em;
    line-height: 2;
    padding: 0.35em 0 0 0;
    margin: 0;
}

h1.logo a {
    color:#3C3C3D;
}

h1 a img, h1 a:hover img { 
    border: 0 !important;
}
/* Menus */

.top-bar .toggle-topbar a {
    color:#FDFDFF;
}
.top-bar-section ul {
    text-transform: uppercase;

}
.top-bar-section ul li>a {
    font-size:0.875em;
}

.top-bar i.i-search {
    color:#3C3C3D;
    font-size:21px;
    display: block;
    position: relative;
    left: 8px;
    top: 9px;
}

.ie .top-bar i.i-search {
    top: 5px;
}

.search-top.f-dropdown {
    margin-top:45px;
}

.top-bar-section .has-dropdown > a:after {
    content: "▾";
    margin-top: -24px;
    right: 5px;
    color: #000;
    opacity: 0.15;
    -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=15)";
    filter:alpha(opacity=15);
}
.top-bar ul {
    margin: 0;
}

.top-bar-section .dropdown li a {
    text-transform:none;
    font-weight:normal;
    font-size: 0.9em;
}

.top .top-bar .name {
    background: #FDFDFF;
    width: 45px;
    z-index: 2000;
    height: 46px;
}

.top .top-bar .toggle-topbar.menu-icon a {
    font-size:28px;
    color:#FDFDFF;
    text-indent:60px;
    width:34px;
    height:34px;
    line-height:33px;
    padding:0;
}
.top .top-bar-section ul li>a:hover {
    background:#3C3C3D;
    background: rgba(0,0,0,0.2);
}
.top .top-bar .toggle-topbar.menu-icon a span {
    -webkit-box-shadow:0 10px 0 1px #FDFDFF, 0 16px 0 1px #FDFDFF, 0 22px 0 1px #FDFDFF;
    box-shadow:0 10px 0 1px #FDFDFF, 0 16px 0 1px #FDFDFF, 0 22px 0 1px #FDFDFF;
}
.primary .top-bar .toggle-topbar.menu-icon a span {
    -webkit-box-shadow:0 10px 0 1px #3C3C3D, 0 16px 0 1px #3C3C3D, 0 22px 0 1px #3C3C3D;
    box-shadow:0 10px 0 1px #3C3C3D, 0 16px 0 1px #3C3C3D, 0 22px 0 1px #3C3C3D;
}

.primary {
    margin-bottom: 1.875em;
    clear: both;
}

.primary {
    border-bottom:1px solid #D3D3D6;
    border-top:1px solid #D3D3D6;
}

.primary .top-bar-section .first.dropdown:before {
    content:"";
    display:block;
    width:0;
    height:0;
    border:solid 6px;
    position:absolute;
    top:-11px;
    left:10px;
    z-index:99;
    border-color:transparent transparent #fff;
}

.primary .top-bar-section .dropdown,.primary .top-bar-section ul li ul li>a {
    background:#FDFDFF;
}

.primary .top-bar-section ul li ul li>a:hover {
    background:#FDFDFF;
}

.primary .top-bar-section ul li>a:hover,.primary .top-bar-section ul li.active a {
    background:none;
}


.primary .top-bar .toggle-topbar.menu-icon {
    left:-15px;
    padding:0;
    margin-top: -17px;
}

.primary .top-bar .toggle-topbar.menu-icon a {
    font-size:21px;
    color:#3C3C3D;
    text-indent:30px;
    width:34px;
    height:34px;
    line-height:33px;
    padding:0;
}


.primary .top-bar-section ul li>a {
    color:#3C3C3D;
    font-weight:normal;
    font-size: 1.5em;
}

.primary .top-bar-section .dropdown {
    padding:5px;
    margin-left: 13px;
    opacity: 0.9;
    -ms-filter:"progid: DXImageTransform.Microsoft.Alpha(Opacity=90)";
    filter:alpha(opacity=90);
}


.primary .top-bar-section .dropdown li a {
    font-size: 0.9em;
    padding: 7px;
    font-weight: normal;
}

.primary .top-bar-section li a {
    padding:5px 15px 5px 27px;
}

.primary .top-bar-section ul li.current-menu-item {
}

.primary .top-bar-section ul .dropdown li.current-menu-item {
    border: 0;
    margin: 0;
}
.primary .top-bar-section ul .dropdown li.current-menu-item a {
    font-weight: bold;
}

.ie.ie8 .primary .top-bar-section li a {
    padding-top:12px;
}

.ie.ie8 .top .top-bar-section li a {
    padding-right:12px;
}
/* Social */

a.social {
    color: #FDFDFF;
    font-size: 1.125em;
}
a.social:hover i {
   color: #3C3C3D;
}

/* Category Filter */

.filter {
    margin:0 0 1.25em 0;
    padding:10px 10px 5px;
    text-transform:uppercase;
    border: 1px solid #D3D3D6;
}

.filter dl {
    margin:0;
}

.filter dd,.filter dt {
    margin-right:1.875em;
}

.filter dd {
    font-weight:bold;
}

.filter dd a {
    padding:3px 9px;
}

.sub-nav dt a.selected,.sub-nav dd a.selected {
    cursor:default;
    color:#FDFDFF;
}

/* Isotope */

.isotope-container {
    clear: both;
}

.isotope-container .isotope-item {
    float:left;
    position:relative;
    width:100%;
    margin-bottom:20px;
}

/* Portfolio & News Styles */

.page-block a img, .page-block a:hover img {
    border: 0 !important;
}

.page-block.four-col {
    margin-bottom: 1.875em;
}

.box-bg {
    background: #F0F0F4;
}
.large-block-grid-4.four-col > li {
    padding: 0;
    background: #F0F0F4;
}
.news-grid .box-bg p {
    padding: 0 15px 15px 15px;
}
.news-grid .two-col .view a.info{
    bottom:44%;
    right:43%;
    font-size: 3em;
}
.news-grid .three-col .view a.info{
    bottom:39%;
    right:38.5%;
    font-size: 3em;
}
.news-grid .view {
    margin-bottom: 20px;
}
.news-grid h2 a, .portfolio-grid h2 a {
    color:#3C3C3D;
}
.blog-grid h2, .portfolio-grid h2 {
    padding-top: 0;
}
.portfolio-grid .blog-text .meta, .fullwidth .blog-text .meta  {
    margin-top: 0.4375em;
    width: 8.75em;
}

.portfolio-grid .blog-text a.info, .fullwidth .blog-text a.info {
    padding-left:1.25em;
}
.news-grid .entry-meta {
    margin-bottom: 20px;
    margin-top: 10px;
}

.news-grid .box-bg .meta p {
    padding: 0;
}

.news-grid .box-bg h2 {
    display: block;
    padding: 0 15px 10px 15px;
    font-size: 1.5em;
}
.news-grid .two-col .box-bg h2 {
    font-size: 2em;
}


.box-bg-large p {
    margin-top: 20px;
}

.news-grid .one-col {
    margin-left: -20px;
}
.news-grid .one-col a.info {
    font-size:2.625em;
    color: #fff;
    opacity: 0.8;
    -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=80)";
    filter:alpha(opacity=80);
    position: absolute;
    bottom: 25px;
    right: 25px;
}



.view {
    width:100%;
    height:auto;
    margin-right:0;
    float:left;
    overflow:hidden;
    position:relative;
    cursor:default;
    background: #FDFDFF;
}

.view:last-child {
    margin-right:5px;
}

.view .mask,.view .content {
    width:100%;
    height:100%;
    position:absolute;
    overflow:hidden;
    top:0;
    right:100%;
}

.view img {
    display:block;
    position:relative;
}

.view h2 {
    text-align:center;
    position:relative;
    margin:1em;
}

.two-col .view h2 {
    margin:2.5em 2.5em 2.5em 1.25em;
}
.page-portfolio .view h2 {
    margin: 0.5em;
}


.view h2 a {
    color: #FDFDFF;
}
.view h2 a:hover {
    color: #F0F0F4;
}
.view a:hover {
    color:#F0F0F4;
}
.view h2,.view h4,.view a {
    color:#FDFDFF;
}

.four-col .view h2, .page-block .view h2 a {
    font-size:1.5em;
}

.three-col .view h2 {
    font-size:1.75em;
}

.view p {
    position:relative;
    padding:1.25em;
    font-size:1em;
    text-align:left;
}

.view .light .meta {
    background:#3C3C3D;
}

.view .meta {
    padding:5px;
    text-align:left;
    color:#FDFDFF;
    display:inline-block;
    position:absolute;
    left:0;
    bottom:10px;
    text-align:left;
}

.view .meta p {
    margin:0;
    padding:0;
    font-size: 0.875em;
}

.view h4 {
    font-weight:normal;
    font-size:1em;
}

.view a.info {
    display:inline-block;
    text-decoration:none;
    color:#FDFDFF;
    position:absolute;
    bottom: 10px;
    right: 10px;
}

.view a.info:hover {
    color:#ddd;
}

.two-col .view .meta {
    bottom: 30px;
}

.four-col .view .meta p {
    font-size: 0.75em;
}
.two-col .view a.info {
    bottom:27px;
    right:25px;
    font-size:42px;
}

.three-col .view a.info {
    font-size:36px;
}
.four-col .view a.info {
    font-size:24px;
}

.four-col .view p {
    font-size:0.875em;
}

.view-portfolio:hover .mask {
    right:0;
}

.view-portfolio:hover img {
    margin-left:100%;
}

.view-portfolio:hover p {
    -ms-filter:"progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";
    filter:alpha(opacity=100);
    opacity:1;
}

/* Page Blocks */

h4.page-block-title {
    margin-bottom: 0;
    font-size: 1.1em;
    padding: 0.3125em 1em 0.2em 1em;
    background: #3C3C3D;
    color: #FDFDFF;
    display: inline-block;
    border-bottom: 5px solid #29292a;
}

.page-block .item p {
    font-size: 0.875em;
}

.row .row.collapse.page-block {
    margin-bottom: 1.25em;
}

.page-block .box-bg p {
    font-size: 1em;
    padding: 0 0.875em 0.3125em 0.875em;
}

.featured-block a {
    color: #fff;
}
.featured-block p {
    padding: 0.625em;
    margin: 0;
    line-height: 1.4;
}

.page-block.featured span.square {
    height: 10px;
    width: 10px;
    display: block;
    margin: 15px 15px 0 15px;
    background: #fff;
}

.page-portfolio .view {
    margin-bottom: 1.875em;
}

.page-portfolio .view a.info {
    font-size:2.125em;
    bottom:15px;
    right:10px;
}
.page-block .box-bg {
    margin-bottom: 0.625em;
}
.page-block .box-bg h5 a {
    color: #3C3C3D;
}
.page-block .box-bg h5 {
    text-align: center;
    margin: 0;
    padding: 0.5em 0;
}
.page-block.one-col img {
    margin-bottom: 1.875em;
}

.page-block .item h5 a, .page-block.featured h5 a {
    color: #3C3C3D;
}

.page-block.one-col .item h5 a, .page-block.featured h5 a, .page-block.two-col .item h5 a  {
    font-size: 1em;
}


.page-block.cat.one-col .item h5 {
    margin-bottom: 0.5em;
}

.page-block.three-col .item h5 a {
    font-size: 0.875em;
}

.page-block.two-col .meta p, .page-block.one-col .meta p {
    font-size: 0.75em;
    display: block;
    padding: 3px 0;
    margin-bottom: 0.9375em;
}

.page-block.three-col .meta p {
    font-size: 0.75em;
}

.page-block.one-col .meta p a:hover, .page-block.two-col .meta p a:hover, .page-block.three-col .meta p a:hover  {
    color: #3C3C3D;
}
.page-block.one-col .meta {
    margin-bottom: 1.25em;
}

.page-block .box-bg a.info {
    padding: 10px;
    display: block;
    margin: 0 auto;
    text-align: center;
    font-size: 2.875em;
    color: #E5E5E9;
}
.box-bg p {
    font-size: 0.875em;
}

.page-block hr {
    margin: 1.25em 0.9375em 1.875em 0.9375em;
}

.blog-block hr {
    margin: 1.25em 0.9375em 1.875em 0.9375em;
}

.blog-block h5 {
    font-size: 2em;
    padding-top: 0;
    line-height: 1;
}
.item .view-bg {
    padding: 0.9375em;
}

.item .view-bg img, .item .view-bg .no-image {
    margin-bottom: 0.4375em;
}
.item .view-bg h5 {
    font-size: 1.125em;
    text-transform: uppercase;
    text-align: left;
    line-height: 1.4;
    margin: 0;
    padding: 5px 0 0 0;
}
.item .view-bg h5 {
    height: 55px;
}

.item .view-bg h5 a{
    color: #2F2F2F;
}
.item .view-bg:hover h5 a,.item .view-bg h5 a:hover {
    color: #FDFDFF;
}

/* Blog and Single Page Styles */

.blog-grid .excerpt {margin-top: 0.9375em; margin-right: 1.875em;}

.blog-grid .single-holder {padding: 0;}


.blog-grid h2 {
    font-size:2em;
    margin-top:0;
}

.blog-grid h2 a {
    color:#3C3C3D;
}

.blog-text {
    padding-top:0.9375em;
}
.blog-text hr {margin: 0.3125em 0 2.5em 0;}
.blog-text p {margin-bottom: 0.9375em;}

.blog-text .meta {
    color:#3C3C3D;
    display:block;
    float:left;
    margin:0 1.875em 0 0;
    width:5em;
    border-right: 1px solid #E1E1E1;
}

.blog-text .day {
    font-size:1.5em;
    font-weight:bold;
    text-align: center;
    display: block;
}

.blog-text .month {
    border-bottom:1px solid #E1E1E1;
    padding-bottom:0.9375em;
    margin-bottom:0.625em;
    margin-top: 0.3125em;
    font-size:0.75em;
    text-align: center;
    display: block;
}

.blog-text a.info {
    font-size:2.25em;
    color:#7F7F80;
    padding-left:0.45em;
}

.blog-text a.info:hover {
    color:#3C3C3D;
}

.blog-text .comment-line a:hover {
    color:#7F7F80;
}

.blog-text .comment-line {
    margin-top: 10px;
    font-size: 12px;
    margin-left: -15px;
}

.post-wrapper header h2 {
    margin-bottom: 0.625em;
    font-size: 2.125em;
}

.entry-content {
    margin: 0;
}
.entry-content.page-top {
    margin-bottom: 1.875em;
}
.entry-content p {
    font-size: 1.0625em;
    line-height: 1.8;
    margin-bottom: 1.25em;
}
.entry-content img {
    margin-top: 0.4375em; margin-bottom: 0;
}
.entry-content .i-quote-right, .entry-content .i-lightbulb, .entry-content .i-link {
    position: absolute;
    opacity: 0.3;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=30)";
    filter:alpha(opacity=30);
    color: #E5E5E9;
    font-size: 6.25em;
    top: 20px;
    right: 20px;
}

h1.entry-title {
    padding: 0 0 0.2em 0;
}
.page {
    border-bottom: 1px solid #D3D3D6;
}
.single .post .date, .single-tags a, #form_elements, #list_types, #paragraph, #headings, #tables, #misc {
    color: #757575;
}
#form_elements, #list_types, #paragraph, #headings, #tables, #misc {
    font-size: 2em;
}
.single-tags {
    background: #F0F0F4;
    background-image: repeating-linear-gradient(45deg, #FDFDFF,
    #FDFDFF 15px, rgba(255, 255, 255, 0) 15px, rgba(255, 255, 255, 0) 33px);
    background-image: -webkit-repeating-linear-gradient(45deg, #FDFDFF,
    #FDFDFF 18px, rgba(255, 255, 255, 0) 15px, rgba(255, 255, 255, 0) 33px);
    display: block;
    padding: 0.625em;
    width: 100%;
    margin-bottom: 1.875em;
}

.entry-meta {
    text-align: center;
    border-top: 1px solid #D3D3D6;
    border-bottom: 1px solid #D3D3D6;
    padding: 0.625em 0;
    margin-bottom: 1.875em;
    font-size: 0.75em;
    color: #7F7F80;
}
.entry-meta a {
    color: #3C3C3D;
}
.image-attachment .entry-meta {
    margin-top:2.25em;
}
.vertical-div {
    color: #D3D3D6;
}

.single-holder-narrow {
    padding: 0.9375em 0 1.875em 0;
}
.single-holder {
    padding: 0 0 1.875em 0;
}

.single-holder-video {
    padding: 0.9375em 0 1.875em 0;
}

.single-holder a img, .entry-content a img {
    border-color: #F0F0F4;
}

/* Attachments */

.entry-attachment {
    background: #F0F0F4;
}
.entry-description {
    margin-top: 1.25em;
    padding: 1.25em;
    background: #F0F0F4;
    background-image: repeating-linear-gradient(45deg, #FDFDFF,
    #FDFDFF 15px, rgba(255, 255, 255, 0) 15px, rgba(255, 255, 255, 0) 33px);
    background-image: -webkit-repeating-linear-gradient(45deg, #FDFDFF,
    #FDFDFF 18px, rgba(255, 255, 255, 0) 15px, rgba(255, 255, 255, 0) 33px);
    display: block;
}
#image-navigation {
    margin: 1.875em 0;
}
#image-navigation a {
    color: #FDFDFF;
}
#image-navigation a:hover {
    color: #F0F0F4;
}
.previous-image {
    float: left;
    background: #3C3C3D;
    padding: 1.25em;
    display: block;
    margin-right: 1.25em;
    z-index: 5000;
}
.next-image {
    float: right;
    background: #3C3C3D;
    padding: 1.25em;
    display: block;
    margin-left: 1.25em;
    z-index: 5000;
}

.entry-content .entry-attachment img {
    margin: 0;
}

/* Archives and misc */

h1.archive {
    padding: 0.3125em 0.3125em 0.3125em 0.625em;
    display: block;
    width: 70%;
    margin: 0 0 1.25em 0;
    font-size: 2.25em;
    background: #F0F0F4;
    background-image: repeating-linear-gradient(45deg, #FDFDFF,
    #FDFDFF 18px, rgba(255, 255, 255, 0) 18px, rgba(255, 255, 255, 0) 36px);
    background-image: -webkit-repeating-linear-gradient(45deg, #FDFDFF,
    #FDFDFF 18px, rgba(255, 255, 255, 0) 18px, rgba(255, 255, 255, 0) 36px);
    background-repeat: repeat;
}

.inner .i-calendar-empty, .inner .i-pencil {
    top: -4px;
    position: relative;
}

.simplemap {
    margin-bottom: 1.25em;
}
.soundcloud iframe, .entry-content iframe {
    max-width: 100%;
}
.container .sticky {
    position:static;
}
.container .sticky h2 a, .container .sticky h5 a {
    background: #3C3C3D;
    color: #FDFDFF;
    padding: 0.1em 0.3em;

}

.category-meta {
    text-transform: uppercase;
}

.highlight {
    background: #FFF970; padding: 0 0.3125em;
    display: inline;
}
.accent {
    color: #FDFDFF; padding: 0 0.3125em;
    display: inline;
}

.bypostauthor {}

.no-image {
    height: 220px; margin-bottom: 0.625em;
}

.gallery-container .flexslider.box-bg {
    margin-bottom: 1.875em;
}

.blog-gallery {
    overflow: visible;
    clear: both;
}
.page-block .no-image {
    height: 100%; min-height: 85px;
}
.page-block.three-col .no-image {
    height: 130px;
}

/* Gallery */

.gallery {
    margin: 0 0 1.25em 0;
}
.gallery .gallery-item {
    float: left;
    margin-top: 0;
    text-align: center;
    width: 33%;
    padding-right: 0.625em;
    padding-bottom: 0.3125em;
}
.gallery-columns-2 .gallery-item {
    width: 50%;
}
.gallery-columns-4 .gallery-item {
    width: 25%;
}
.gallery img {
    border: 5px solid #F0F0F4 !important;
    background: #F0F0F4;
}

.gallery .gallery-caption {
    margin: 0.3125em 0 0 0;
    color: #757575;
    background: #F0F0F4;
    padding: 0.1875em;
    font-size: 0.75em;
}
.gallery dl, .gallery dt {
    margin: 0;
}
.gallery br+br {
    display: none;
}

/* WP Caption */

.wp-caption {
    text-align: center;
}
.wp-caption img {
    padding: 0;
    margin-top: 0.4375em;
}
.wp-caption p.wp-caption-text {
    line-height: 1.5;
    font-size: 0.75em;
    margin: 0;
    color: #757575;
}
.wp-smiley {
    margin: 0 !important;
    max-height: 1em;
}


/* Comments */


#comments {
    border-left: 1px solid #D3D3D6;
    border-right: 1px solid #D3D3D6;
    padding: 0 1.875em 0.9375em 1.875em;
    margin-top: 0.25em;
}

input#submit, .wpcf7-submit {
    border-color: #fff;
    color: #fff;
    border-style: solid;
    border-width: 1px;
    cursor: pointer;
    font-family: inherit;
    font-weight: bold;
    line-height: 1;
    margin: 0 0 1.25em;
    position: relative;
    text-decoration: none;
    text-align: center;
    display: inline-block;
    padding-top: 0.75em;
    padding-right: 1.5em;
    padding-bottom: 0.8125em;
    padding-left: 1.5em;
    font-size: 1em;
}
input#submit:hover, input#submit:focus, .wpcf7-submit:hover, .wpcf7-submit:focus {
    background-color: #3C3C3D;
    border-color: #fff;
}

#comments h3 {
    font-size: 1.25em;
    text-align: left;
}
.comment-reply-link {
    font-style: italic;
    font-size: 0.875em;
}
.comment-author {
    padding: 0.3125em;
    display: inline;
    font-size: 0.875em;
    color: #E5E5E9;
}
.comment-author a {
    color: #fff;
}
#respond {
    text-align: left;
    background: #F0F0F4;
    padding: 1.875em 1.875em 0.9375em 1.5625em;
    margin-left: -0.3125em;
}

.comment-form-author, .comment-form-email, .comment-form-url {
    width:33.28333%;
    float: left;
}

.comment-form-author, .comment-form-email {
    padding-right: 0.5em;
}
.form-submit {
    margin-bottom: 0;
}
.comment-notes, .form-allowed-tags {
    font-style: italic;
    font-size: 0.75em;
}
/* Footer */

#footer-top {
    background: #E5E5E9;
    padding: 1.875em 0 1em 0;
    margin-top: 45px;
}
#footer-top hr {
    border-color: #D3D3D6;
}
#footer-top h6 {
    font-size: 1.5em;
    margin: 0 0 0.5em 0;
    color: #666;
    padding: 0;
}
#footer-top .flex-video {
    margin-bottom: 1.25em;
}

#footer-bottom {
    background: #3C3C3D;
    padding: 1.875em 0;

}

#footer-bottom .inline-list ul > li {
    margin: -0.125em 0 0 0;
}
#footer-bottom ul li a {
    display: block;
    padding: 0.9375em 1.25em;
    margin: 0;
    color: #fff;
    font-size: 0.75em;
    text-transform: uppercase;
}
#footer-bottom p {
    font-size: 2em;
    text-align: center;
    color: #E5E5E9;
    margin: 0;
}
#footer-bottom p.credits {
    font-size: 0.875em;
    color: #E5E5E9;
    padding-top: 1em;
}
#footer-bottom p.credits a {
    color: #8a8a8a;
}
#footer-bottom p.credits a:hover {
    color: #E5E5E9;
}
ul#menu-footer {
    margin: 0 auto;
    width: 100%;
    margin-top: 1.25em;

}

ul#menu-footer li {
    list-style: none;
    display: block;
    float: none;
    text-align: center;
}

/* Widgets */


#sidebar .panel {
    margin: 0 0.9375em 1.75em 1.25em;
    min-width: 300px;
    padding-top: 1.875em;
    border-bottom: 5px solid #e5e5e9;
}

#sidebar hr {
    border-color: #d3d3d6;
}

.widget ul {
    display: block;
    margin: 0;
    list-style-type: none;
    list-style-position: inside;
}
.widget ul li {
    margin: 0 0 1em 0;
    font-size: 0.875em;
    text-transform: uppercase;
}
.widget ul li ul {
    margin: 1em 0 1em 0;
    font-size: 0.875em;
    text-transform: none !important;
    list-style-type: square;
    list-style-position: inside;
}

.widget ul li ul li ul {
    margin: 1em 0 1em 1em;
    font-size: 0.875em;
    text-transform: none !important;
    list-style-position: inside;
}

.widget #searchform input {
    margin-bottom: 0;
}

.widget_search .panel {padding-bottom: 1.875em;}

.widget ul li a {
    color: #3C3C3D;
}
.widget ul li.active a {
    color: #666;
}
.widget .divider {
    height: 0;
    padding: 0;
    list-style: none;
    margin: 0 0 1.25em 0;
}

.widget p.title-text{
    margin: 0;
    padding: 0 0 0.875em 0;
}
.widget.themeous-recent p.title-text {
    padding: 0;
}
.widget.themeous-featured p.title-text{
    margin: 0;
    padding-bottom: 0.625em;
}

.widget p.title-text a {
    font-size: 1.5em;
    text-transform: uppercase;
    color: #3C3C3D;
}

.widget p.excerpt-text {
    margin: 0;
    font-size: 0.875em;
    line-height: 1.2;
}

.widget.themeous-featured a img, .widget.themeous-recent a img {
    margin-bottom: 0.3125em;
    margin-top: 0.125em;
    float: left;
    margin-right: 0.625em;

}

.widget.themeous-recent .no-image {
    width: 60px;
    height: 60px;
    background: #FDFDFF;
    float: left;
    margin-right: 0.625em;
}
.widget.themeous-featured a img, .widget.themeous-recent a img {
    border: 5px solid #FDFDFF;
}
.widget.themeous-featured .no-image {
    width: 90px;
    height: 90px;
    float: left;
    margin-right: 0.625em;
    background: #FDFDFF;
}

.widget.themeous-recent .widget-wrapper {
    clear: both;
    margin-bottom: 1em;
}
.widget.themeous-recent .widget-date {
    font-size: 0.75em;
    color: #7F7F80;
    text-transform: uppercase;
    margin: 0;
    display: block;
}
.widget.themeous-recent .widget-date i {
    margin-left: -0.125em;
}

#sidebar .widget h6 {
    font-size: 1.5em;
    position: relative;
    left: -25px;
    padding: 0.5em 0 0.5em 1.05em;
    margin: 0;
    background: #E5E5E9;

}



/* Tag Cloud */

.tagcloud {
    margin: 0 0 1em 0;
}

.tagcloud a{
    padding:0.25em 0.5em;
    font-weight:400;
    margin:0 0.3125em 0.5625em 0;
    display:inline-block;
    line-height: 1;
    color: #FDFDFF;
}

.tagcloud a:hover {
    background: #3C3C3D;
    color: #fff !important;
}


/* Sliders */


.slider {
    margin-bottom: 1.875em;
    margin-left: -5px;
}

.gallery-container .slider {
    margin-bottom: 0;
}

.side-slider {
    margin-bottom: 0;
    margin-left: -5px;
}
#sidebar .side-slider {
    margin: 0;
}
.slider img, .slider iframe, .side-slider img, .side-slider iframe {
    padding-left: 5px;
}

.flex-caption h2 {
    font-size: 2.25em;
    padding: 0;
}
.slider .flex-caption {
    padding: 1em 0.5em 1em 1.5em;
}
.slider .flex-direction-nav .flex-prev, .side-slider .flex-direction-nav .flex-prev {
    margin-left: 5px;
}
#sidebar .side-slider .flex-direction-nav a, .carousel .flex-direction-nav a {
    top: 39%;
}

#footer-top .side-slider .flex-direction-nav a {
    top: 42%;
}
.carousel {
    margin-bottom: 1.875em; padding: 10px; background: #F0F0F4;
}
#sidebar .side-slider .flexslider:hover .flex-prev {
    left: 25px;
}

.themeous-slideshow .panel {
    padding-bottom: 8px;
}
.side-slider .flex-caption {
    margin-bottom: 10px;
}

#sidebar .side-slider img, #sidebar .side-slider iframe {
    padding: 0
}

#footer-top .side-slider {
    padding-top: 3px;
}

.flex-caption {
    color: #FDFDFF;
    margin-bottom: 20px;
    display: block;
    width: 100%;
}
.flex-caption a {
    color: #FDFDFF;
}
.side-slider ul li h2, .side-slider ul li h2 a, .side-slider ul li h2 a:hover{
    font-size: 1.25em;
    text-transform: none;
    color: #FDFDFF;
}

/*WP Recent comments*/

ul#recentcomments li {
    display: block; margin-bottom: 0.3125em;
}

ul#recentcomments li a {
    text-transform: none;
    display: inline-block !important;
}
ul#recentcomments li a.url {
    color: #3C3C3D;
    font-style: italic;
}

ul#recentcomments li {
    text-transform: none !important;

}


/* DP flikr plugin */


.widget-flickr, .flickr-badges {
    clear: both;
    overflow: hidden;
    margin-left: -0.9375em;
}
.flickr_badge_image{
    margin-bottom:0.9375em;
    line-height:1;
    padding-left:0.9375em;
    float:left;
}
.flickr_badge_image a img{
    line-height:0; border: 5px solid #FDFDFF;
}

/* Text */

.widget p, .textwidget {
    margin: 0.875em 0 1em 0;
    font-size: 0.875em;
}


.textwidget {
    font-size: 1em;
}

.custom-page .textwidget p {
    font-size: 1.0625em;
    line-height: 1.8;
    margin-bottom: 1.25em;
}

/* WP Calendar */

table#wp-calendar caption {
    padding-bottom: 0.875em;
    text-align: left;
    font-size: 1.5em;
}
#footer-top table#wp-calendar caption {
    color: #666;
}
table#wp-calendar {
    width: 100%;

}
.widget_calendar thead>tr>th {
    color: #fff;
}

table#wp-calendar td, table#wp-calendar th {
    text-align: center;
}

/* RSS Widget */

.widget_rss ul li {
    text-transform: none !important;
    border-bottom: 1px solid #D3D3D6;
    padding: 0.5em 0 1.25em 0;
}

.widget_rss ul li a {
    font-weight: bold;
}

.rss-date {
    font-size: 0.75em;
    color: #7F7F80;
    text-transform: uppercase;
    margin-top: 0.625em;
    display: block;
}
.widget_rss cite {
    text-align: right;
    display: block;
}


/* Page Numbers */

.page-numbers {
    display: block;
    height: 1.8em;
    margin-left: -0.3125em;
    margin-top: 1em;
}
.page-numbers li {
    display: block;
    float: left;
    height: 1.8em;
    color: #3C3C3D;
    font-size: 1.25em;
    margin-left: 0.3125em;
}
.page-numbers li a {
    display: block;
    padding: 0.0625em 0.4375em;
    color: #999999;
}
.page-numbers li:hover a,
.page-numbers li a:focus {
    background: #E5E5E9;
}
.page-numbers li.unavailable a {
    cursor: default;
    color: #999999;
}
.page-numbers li.unavailable:hover a, .page-numbers li.unavailable a:focus {
    background: transparent;
}
.page-numbers li.current a {
    color: white;
    font-weight: bold;
    cursor: default;
}
.page-numbers li span.current {
    padding: 0.0625em 0.4375em;
    color: white;
    font-weight: bold;
    cursor: default;
}


/* Media Queries */

@media only screen {
    /* Transitions */
    .contain-to-grid .top-bar-section ul li>a,.button,.view a,sub-nav dt a.selected,.sub-nav dd a.selected,.primary .top-bar-section ul li>a:hover,.primary .top-bar-section ul li ul li>a:hover, #sidebar a, #footer-bottom a, #footer-top a, #comments a, #slider a, .themeous-recent img a, a.social:hover i, .view-bg:hover, .page-block.one-col .meta p a:hover, .page-block.one-col .meta p a:hover, .page-block.two-col .meta p a:hover, .page-block.three-col .meta p a:hover, a img:hover, .entry-content a:hover, h5 a:hover, a.comments-link:hover, h2 a:hover {
        -webkit-transition:.5s linear;
        -moz-transition:.5s linear;
        -o-transition:.5s linear;
        transition:.5s linear;
    }

    .view-portfolio img {
        -webkit-transition:all .3s ease-in-out;
        -moz-transition:all .3s ease-in-out;
        -o-transition:all .3s ease-in-out;
        -ms-transition:all .3s ease-in-out;
        transition:all .3s ease-in-out;
    }

    .view-portfolio .mask {
        background-color:#222;
        -ms-filter:"progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";
        filter:alpha(opacity=100);
        opacity:1;
        -webkit-transition:all .3s ease-in-out;
        -moz-transition:all .3s ease-in-out;
        -o-transition:all .3s ease-in-out;
        -ms-transition:all .3s ease-in-out;
        transition:all .3s ease-in-out;
    }

    .view-portfolio p {
        -ms-filter:"progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
        filter:alpha(opacity=0);
        opacity:0;
        color:#FDFDFF;
        -webkit-transition:all .2s linear;
        -moz-transition:all .2s linear;
        -o-transition:all .2s linear;
        -ms-transition:all .2s linear;
        transition:all .2s linear;
    }
    input#submit, .wpcf7-submit {
        -webkit-transition: background-color 300ms ease-out;
        -moz-transition: background-color 300ms ease-out;
        transition: background-color 300ms ease-out;
    }

}
@media only screen and (max-width: 47.99em) {

    .isotope-container {
        margin-left:auto;
        margin-right:auto;
    }

    .news-grid .box-bg-large, .portfolio .box-bg-large {
        margin-left: 0;
        height: 100%;
        padding-bottom: 0;
    }

    .portfolio .box-bg-large {
        padding-top: 0.3125em;
    }

    .portfolio .box-bg-large h2 {
        padding: 0.3125em 0;
    }
    .news .box-bg-large {
        border-left: 1px solid #D3D3D6;
    }

    .box-bg-large p {
        font-size: 0.875em;
    }

    .news img, .portfolio img {
        height: 100%;
        border: 0;
    }

    .one-col.portfolio a.info {
        right: 0.9375em;
    }
    h1.archive {
        border: 0;
    }
    .image-attachment .entry-meta {
        margin: 1.875em 0;
    }
    .image-attachment .entry-title {
        padding-top: 1.25em;
        clear: both;
    }
    .flex-caption h2 {
        font-size: 1.35em;
    }

}


@media only screen and (max-width: 58.74em) {

    .primary .has-dropdown i.i-plus-squared {
        top:0;
    }

    .primary .top-bar-section .dropdown {
        width: 50%;
    }
    .cat-desc {
        padding-left: 0.9375em;
    }
    .filter dd, .filter dt {
        margin-right: 0.3125em;
    }
    .four-col .view p {
        font-size:0.75em;
        padding: 0.5em;
    }
}

@media only screen and (min-width: 48em) and (max-width: 59em) {

    .box-bg-large h2 {
        font-size: 1.75em;
    }
    .box-bg-large p {
        font-size: 0.875em;
    }
    .news .box-bg-large {
        padding: 0.9375em 0.9375em 0.9375em 1.5625em;
    }
    .three-col .view h2 {
        font-size: 1.25em;
    }
    .portfolio .box-bg-large {
        padding-left: 1.5625em;
        height: 100%;
    }
    .portfolio img {
        height: 100%;
    }
    .one-col.portfolio a.info {
        right: 0.9375em;
    }
    h1.archive {
        border: 0;
        width: 70%;
    }
}

@media only screen and (min-width: 48em) {

    .isotope-container {
        margin-left:-20px;
    }

    .isotope-container .isotope-item {
        float:left;
        padding-left:20px;
    }

    .isotope-container.news-grid .isotope-item {
        margin-bottom: 0;
    }

    .isotope-container.news-grid .isotope-item.one-col {
        margin-bottom: 1.875em;
    }

    .isotope-container .isotope-item.one-col.news {
        margin-bottom: 15px;
    }

    .isotope-container .isotope-item.two-col {
        width:49.95%;
    }

    .isotope-container .isotope-item.three-col {
        width:33.28333%;
    }

    .isotope-container .isotope-item.four-col {
        width:24.95%;
    }


    .gallery-container. large-block-grid-3 > li {
        padding: 0;
    }

    .post-wrapper {
        padding: 0.5em 1.5em;
        border-top: 1px solid #D3D3D6;
        border-right: 1px solid #D3D3D6;
        border-left: 1px solid #D3D3D6;
    }
    #footer-bottom p {
        text-align: left;
    }
    ul#menu-footer {
        width: auto;
        margin-top: 0;
    }
    ul#menu-footer li {
        float: left;
        text-align: right;
    }
    .entry-meta {
        margin-bottom: 3em;
    }
}
@media only screen and (min-width: 58.75em) {
    .primary .top-bar {
        height: 54px;
        line-height: 54px;
    }

    .primary .top-bar-section .dropdown li .dropdown {
        left: 95%;
        top: -10px;
        border-left-color: #FDFDFF;
    }
    .primary .top-bar-section li {
        border-top: 5px solid transparent;
        margin-top: -5px;
    }
    .primary .top-bar-section li a {
        padding:0.3125em 0.9375em;
    }

    ul#menu-footer li {
        float: left;
    }
    .one-col.news-grid .box-bg-large{
        margin-left: -1.875em;
        padding: 30px;
        border-bottom: 1px solid #D3D3D6;
        border-right: 1px solid #D3D3D6;
        border-top: 1px solid #D3D3D6;
        padding: 30px;
    }
    .one-col.news-grid img {
        border-bottom: 1px solid #D3D3D6;
        border-left: 1px solid #D3D3D6;
        border-top: 1px solid #D3D3D6;
    }
}
@media only screen and (min-width: 90em) {

}
@media only screen and (min-width: 100em) {
    body {
        font-size: large;
    }
}
@media (min-resolution: .001dpcm) {
    _:-o-prefocus, .social-top {
        padding-top: 10px;
    }
}
.entry-content a { text-decoration: underline;}